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!

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *