Eu tenho um evento do botão que aciona um ajax que carrega os dados como exemplo.
$('#table_com_parcelas tbody').append('<tr><td class="align">' + x + ' de ' + parcelas + '</td><td class="align">' + vencimento + '</td><td class="align">R$ ' + mascaraValor(valor.toFixed(2)) + '</td><td class="align"><select id="select-' + x + '" onchange="('+this.id+')>"' + insere_option() + '</select></td></tr>');
O ajax carrega de 1 a 12 selects, depende da quantidade de parcelas escolhida, porém o evento onchange="('+this.id+')"
carraga o id do botão e não do select em questão.
existe alguma forma de inserir o onchange()
após todos os selects terem sidos preenchidos? ou tem outra forma de selecionar o select que foi clicado
abaixo funções utilizadas;
while (x <= parcelas) {
data_sun += 30;
var vencimento = adicionarDiasData(data_sun, data);
var valor = total / parcelas;
$('#table_com_parcelas tbody').append('<tr><td class="align">' + x + ' de ' + parcelas + '</td><td class="align">' + vencimento + '</td><td class="align">R$ ' + mascaraValor(valor.toFixed(2)) + '</td><td class="align"><select id="select-' + x + '">' + insere_option() + '</select></td></tr>');
x++;
}//carrega os selects
type_of_payment();//chama a função que seta os outros selects. Aqui o onchange está funcionando.
Carraga options;
function insere_option() {
var options = "";
options += "<option value=''>Selecione</option>";
options += "<option value='1'>Boleto</option>";
options += "<option value='2'>Cartão</option>";
options += "<option value='3'>Cheque</option>";
options += "<option value='4'>Dinheiro</option>";
options += "<option value='5'>Transferência</option>";
return options;
}
Como todos são aninhados tenho outra função que seta os options subsequentes com a mesmo item selecionado.
function type_of_payment() {
var selects = $("#table_com_parcelas select");
var index = null;
var valor = null;
selects.on('change', function () {
var valor = this.value;
indice = selects.index(this);
selects.each(function (index) {
if (index > indice) {
$(this).val(valor);
}
});
});
}