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


Moderador: web

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

Criar select box que ao selecionar carregue outro select jQuery

28-04-2016 15:07

Nesse post vou mostrar um script onde ao escolher uma das opções no primeiro select o segundo select é alimentando com os valores vindo de um array.

<script src="jquery.js"></script> <script> $(function() { $("#select").change(function() { $("#alvo").empty(); // FRUTAS var frutas = new Array(); frutas[0] = "laranja"; frutas[1] = "banana"; // VERDURAS var verduras = new Array(); verduras[0] = "couve"; verduras[1] = "alface"; // OPÇÕES FRUTAS ESCOLHIDA if( $(this).val()=="frutas" ) { for(var i=0; i < frutas.length; i++) { $("#alvo").append("<option>"+frutas[i]+"</option>"); } } // OPÇÕES VERDURAS ESCOLHIDA if( $(this).val()=="verduras" ) { for(var i=0; i < verduras.length; i++) { $("#alvo").append("<option>"+verduras[i]+"</option>"); } } }); }); </script> <select id="select"> <option></option> <option value="frutas">frutas</option> <option value="verduras">verduras</option> </select> <select id="alvo"> </select>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado