JQuery erhalten ausgewählten Optionswert für andere Zeile

Question

Ich habe ein Problem mit ausgewählten Option Wert für andere Zeile. Es gelingt mir, Wert für die erste Reihe zu bekommen. Was ich machen möchte, ist ein anderer Reihenartikel, der einen anderen Preis hat.

Meine vorherige Frage über „JQuery Ausgewählte Option Wert für Zeile hinzufügen Get“ gelöst wurde: Here

Nun, ich mit einer anderen Frage kommen, die anderen Wert für andere Zeilen zu erhalten ist. Das Bildbeispiel ist wie unten

My problem sample screenshot

Hier ist der Code für meine JS:

var i=$('table tr').length; 
 
$(".tambah_sofa").on('click',function(){ 
 
    /* add new row function start here */ 
 
    html = '<tr id="row_'+i+'">'; 
 
    html += '<td><button type="button" id="delete-button" data-row-delete="row_'+i+'">X</button></td>'; 
 
    html += '<td><select id="sofa_'+i+'"><option value="10">hai</option><option value="20">20</option> <option value="50">50</option></select></td>'; 
 
    html += '<td>X</td>'; 
 
    html += '<td><input type="number" name="quantity[]" id="quantity_'+i+'" value="1" disabled="disabled"></td>'; 
 
    html += '</tr>'; 
 
    sidebar = '<tr id="row_'+i+'">'; 
 
    sidebar += '<td><input style="width:50%;" name="sofa'+i+'" type="text" id="price_sofa'+i+'" value="" disabled="disabled"></td>'; 
 
    sidebar += '</tr>'; 
 
    $('#table_item').append(html); 
 
    $('#table_sidebar').append(sidebar); 
 

 
    /* Get selected option value start here */ 
 
    $('body').on('change', '#sofa_'+i+'', function() { 
 
    $('#price_sofa'+i+'').val($(this).find('option:selected').val()); 
 
    }); 
 
    /* Get selected option value end here */ 
 
    i++; 
 
});

Answer 1

var i = $('table tr').length; 
$(".tambah_sofa").on('click', function() { 
    /* add new row function start here */ 
    html = '<tr id="row_' + i + '">'; 
    html += '<td><button type="button" id="delete-button" data-row-delete="row_' + i + '">X</button></td>'; 
    html += '<td><select id="sofa_' + i + '"><option value="10">hai</option><option value="20">20</option> <option value="50">50</option></select></td>'; 
    html += '<td>X</td>'; 
    html += '<td><input type="number" name="quantity[]" id="quantity_' + i + '" value="1" disabled="disabled"></td>'; 
    html += '</tr>'; 
    sidebar = '<tr id="row_' + i + '">'; 
    sidebar += '<td><input style="width:50%;" name="sofa' + i + '" type="text" id="price_sofa' + i + '" value="" disabled="disabled"></td>'; 
    sidebar += '</tr>'; 
    $('#table_item').append(html); 
    $('#table_sidebar').append(sidebar); 

    /* Get selected option value start here */ 
    (function(index){ 
     $('#sofa_' + index).on('change', function() { 
     $('#price_sofa' + index).val($(this).val()); 
     }); 
    })(i); 
    /* Get selected option value end here */ 
    i++; 
});