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>