Skip to main content
1 de 2
Caique Romero
  • 7,2mil
  • 2
  • 24
  • 51

Cara pelo que entendi o problema é que o this que você está colocando está se referindo a um escopo diferente no caso a função do evento do botão, mude de onchange="funcao('+this.id+')" para onchange="funcao(this.id)".

No seu código

  • Coloquei alguns valores estáticos para poder simular;

  • Removi as funções desconhecidas;

  • Adicionei:

    onchange="teste(this.id)"

    function teste(that){ console.log(that); }

var x = 1;//para teste
var parcelas = 10;//para teste

while (x <= parcelas) {
  var vencimento = '2017-09-15'; //para teste
  var valor = 100; //para teste
        $('#table_com_parcelas tbody').append('<tr><td class="align">' + x + ' de ' + parcelas + '</td><td class="align">' + vencimento + '</td><td class="align">R$ ' + valor.toFixed(2) + '</td><td class="align"><select onchange="teste(this.id)" id="select-' + x + '">' + insere_option() + '</select></td></tr>');
        x++;
    }//carrega os selects
type_of_payment();

function teste(that){
  console.log(that);
}

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);
            }
        });
    });
}

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;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="table_com_parcelas">
<tbody></tbody>
</table>

Caique Romero
  • 7,2mil
  • 2
  • 24
  • 51