Pesquisar na Comunidade
Mostrando resultados para as tags ''selects''.
Encontrado 2 registros
-
Pessoal, tudo bem??? tenho um código Javascript com dois selects. O Select 1 já está populado e ao selecionar um elemento, todos os outros elementos vão para o Select 2 , menos o selecionado no Select 1. Quando clico em um elemento do Select 2, ele envia todos menos o selecionado para o Select 1. Eles funciona perfeitamente. O que não estou conseguindo é passar o conteúdo do Style para o Select oposto, para que seu fundo fique colorido tmbm. Segue o código para que vocês entendam: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript"> function insertSelected(campoOrig, campoDest){ Alerta_Valor = campoOrig.value; if (Alerta_Valor == "") { alert("Selecione um Item"); return; } Origem = campoOrig; Destino = campoDest; Destino.options.length = 1; var Contador = 0; //Destino.length; for (var Conta_Laco = 0; Conta_Laco < Origem.length; Conta_Laco++) { if (Origem.options[Conta_Laco].selected) { } else { if ( Origem.options[Conta_Laco].value =="" ) { } else { Destino.options[Contador] = new Option( Origem.options[Conta_Laco].text, Origem.options[Conta_Laco].value); } Contador++; } } } </script> </head> <body> <form id="form1" name="form1" method="post" action=""> <table border="0"> <tr> <td> <select style="width: 300px;" name="sel1" id="sel1" size="10" onchange="insertSelected(getElementById('sel1'), getElementById('sel2'));"> <option style="color:#FFFFFF; background-color:#C02828;" value="">Competidor Um...</option> <option value="01" >Alex</option> <option value="02" >Beto</option> <option value="03" >Cristiano</option> <option style="color:#FFFFFF; background-color:#088F08;" value="04" >Décio Rocha</option> <option value="05" >Eder</option> <option value="06" >Fábio</option> <option value="07" >Geovani</option> <option value="08" >Helton</option> <option style="color:#FFFFFF; background-color:#088F08;" value="09" >Italo</option> <option value="10" >Jaime</option> <option style="color:#FFFFFF; background-color:#146295;" value="11" >Kaio</option> <option value="12" >Lauri</option> </select> </td> <td>--- Vs. ---</td> <td> <select style="width: 300px;" name="sel2" id="sel2" size="10" onchange="insertSelected(getElementById('sel2'), getElementById('sel1'));"> <option value="">Competidor Dois...</option> </select> </td> </tr> </table> </form> </body> </html> -
Olá, Pessoal. Tudo bem? Estou tentando desenvolver uma busca por lojas no site da empresa onde trabalho. Não preciso de nada que seja complexo demais, na verdade a coisa é até bem simples. Funciona de seguinte maneira: O cliente deverá escolher o estado onde ele mora e a cidade, feito isso aparecerá na parte debaixo as lojas que atendem naquela cidade, mais ou menos como funciona neste site: http://multilaser.com.br/ondecomprar/index/BO380/mochila-swiss-vermelha-multilaser-bo380.html Eu já tenho o formulário e o banco de dados montado, só me falta fazer a busca funcionar. Seguem os arquivos: index.php <html> <head> <script type="text/javascript" src="filtro.js"></script> <title>Exemplo: Populando selects de cidades e estados com AJAX (PHP e jQuery) | DaviFerreira blog!</title> <style type="text/css"> *, html { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; font-size: 12px; } a { color: #0099CC; } body { margin: 10px; } .carregando{ color:#666; display:none; } </style> </head> <body> <?php $con = mysql_connect( 'localhost', 'root', 'root' ) ; mysql_select_db( 'root', $con ); ?> <label for="cod_estados">Estado:</label> <select name="cod_estados" id="cod_estados"> <option value="">-- Qual é o seu estado? --</option> <?php $sql = "SELECT cod_estados, sigla FROM estados ORDER BY sigla"; $res = mysql_query( $sql ); while ( $row = mysql_fetch_assoc( $res ) ) { echo '<option value="'.$row['cod_estados'].'">'.$row['sigla'].'</option>'; } ?> </select> <label for="cod_cidades">Cidade:</label> <span class="carregando">Aguarde, carregando...</span> <select name="cod_cidades" id="cod_cidades"> <option value="">-- Qual é a sua cidade? --</option> </select> <script src="http://www.google.com/jsapi"></script> <script type="text/javascript"> google.load('jquery', '1.3'); </script> <script type="text/javascript"> $(function(){ $('#cod_estados').change(function(){ if( $(this).val() ) { $('#cod_cidades').hide(); $('.carregando').show(); $.getJSON('cidades.ajax.php?search=',{cod_estados: $(this).val(), ajax: 'true'}, function(j){ var options = '<option value=""></option>'; for (var i = 0; i < j.length; i++) { options += '<option value="' + j.cod_cidades + '">' + j.nome + '</option>'; } $('#cod_cidades').html(options).show(); $('.carregando').hide(); }); } else { $('#cod_cidades').html('<option value="">– Escolha um estado –</option>'); } }); }); </script> <input type="submit" name="submit" id="submit" value="Buscar"> </body> </htm> cidades.ajax <?php header( 'Cache-Control: no-cache' ); header( 'Content-type: application/xml; charset="utf-8"', true ); $con = mysql_connect( 'localhost', 'root', 'root' ) ; mysql_select_db( 'root', $con ); $cod_estados = mysql_real_escape_string( $_REQUEST['cod_estados'] ); $cidades = array(); $sql = "SELECT cod_cidades, nome FROM cidades WHERE estados_cod_estados=$cod_estados ORDER BY nome"; $res = mysql_query( $sql ); while ( $row = mysql_fetch_assoc( $res ) ) { $cidades[] = array( 'cod_cidades' => $row['cod_cidades'], 'nome' => (utf8_encode($row['nome'])), ); } echo( json_encode( $cidades ) );
