JSFiddle - React, Tailwind, and code Playground
by Tiago Agostinho
HTML
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>
JavaScript
$("#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>');
}
});