JQuery: Carregando combobox com dados do for
Entrando com mais um post muito útil pra galera.
A ideia do script é bem simples.
Você tem um campo do tipo select, aonde você deve escolher a forma de pagamento, se à vista ou parcelado.
Quando for parcelado, o select (parcelas) será carregado dinamicamente com os dados do for.
Forma de Pagamento <select name="formaPagamento" id="formaPagamento"> <option value=""></option> <option value="1">À vista</option> <option value="2">Parcelado</option> </select> <br /> Parcelas <select name="parcelas" id="parcelas"> <option value="0">À vista</option> </select> |
$("#formaPagamento").change(function(){ var valor = $("option:selected", this).val(); var txt = $("option:selected", this).text(); $("#parcelas").find('option').remove().end(); // limpa if(valor == 2){ // parcelado $("#parcelas").append('<option value="0" selected>selecione uma parcela</option>'); for (var i = 1; i <= 12; i++) { $("#parcelas").append($("<option></option>").text(i).val(i)); }; }else if(valor == 1){ // a vista $("#parcelas").append('<option value="0">À vista</option>'); } }); |
Veja o funcionando, clicando aqui.
Não deixe de curtir a nossa página no facebook e nos mandar os seus comentários.
Até a próxima!