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


Moderador: web

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

Como popular o select option ou combobox usando o jQuery

26-12-2016 12:52

Nesse post vou mostrar um script onde dependendo do input radio que selecionar vai trazer determinados dados no select.
Sendo assim ao escolher determinado input radio vai mostrar no select somente opções relacionadas aquele valor do input radio.


<script src="jquery.js"></script> <script> $(function() { $(".opcoes").on("click", function() { var options = $("#select").attr("options"); var grupo = $(this).val(); var grupo1 = { "1" : "um", "2" : "dois" }; var grupo2 = { "3" : "três", "4" : "quatro" }; var select = $("#select"); (select.prop) ? options = select.prop("options") : options = select.attr("options"); $("option", select).remove(); $.each(grupo==1 ? grupo1 : grupo2, function(val, text) { options[options.length] = new Option(text, val); }); select.val(selectedOption); }); }); </script> <input type="radio" name="radio" class="opcoes" value="1" /> <input type="radio" name="radio" class="opcoes" value="2" /> <select id="select"> </select>

2
A melhor hospedagem para o seu site HostGator!

Quem está online

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