Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS

Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17249
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Preencher um select de acordo com a escolha de outro

29-03-2015 10:57

Nesse script mostro como preencher as options de um select de acordo com a opção escolhida em outro.
O script usa jQuery.

<script src="jquery.js"></script> <script> $(document).ready(function() {     // TROCA DO PRIMEIRO SELECT $('.s1').change(function() {   // FRUTAS if($(this).val()=='Frutas') { $('.s2').find('option').remove(); $('.s2').append( new Option('Escolha', ''), new Option('Banana', 'Banana'), new Option('Laranja', 'Laranja') ); }   // VERDURAS if($(this).val()=='Verduras') { $('.s2').find('option').remove(); $('.s2').append( new Option('Escolha', ''), new Option('Couve', 'Couve'), new Option('Espinafre', 'Espinafre') ); }   }); // TROCA DO PRIMEIRO SELECT     // TROCA DO SEGUNDO SELECT $('.s2').change(function() {   if($(this).val()=='Couve') { $('.s3').find('option').remove(); $('.s3').append( new Option('Escolha', ''), new Option('1', '1'), new Option('2', '2') ); }   if($(this).val()=='Espinafre') { $('.s3').find('option').remove(); $('.s3').append( new Option('Escolha', ''), new Option('1', '1') ); }   }); // TROCA DO SEGUNDO SELECT     }); </script>


<select class="s1"> <option>Escolha</option> <option value="Frutas">Frutas</option> <option value="Verduras">Verduras</option> </select>   <select class="s2"> <option></option> </select>   <select class="s3"> <option></option> </select>

1
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:

Quem está online

Usuários navegando neste fórum: Google [Bot]