如何使用onchange事件获取附加表行中的值？

Question

我有一个ajax函数，它从数据库中获取值，然后将这些数据附加到表中。现在，有些实例会从数据库中检索到2条或更多条记录，因此还会附加2个或更多表行。我的问题是，如何使用onchange事件获取特定行的值因为我在附加的表行中包含了一个选择选项值。我知道它有点令人困惑，但任何人都可以帮助我吗？非常感谢。这是我的代码。

$.post("{{ url('create_po') }}", { 'prod_IDs': valArray }, function(data){
    var obj = JSON.parse(data);
    for(var i = 0; i < obj.prodval.length; i++){
        txt += "<tr class='info '><td><input type='number' class='form-control' style='width:100px;' value='0'/>"+
             "</td><td>"+obj.prodval[i].unit+
             "</td><td>"+obj.prodval[i].pharmaceutical+
             "</td><td>"+obj.prodval[i].packaging+
             "</td><td><input type='text' class='form-control' style='width:100px;' value='"+obj.prodval[i].price+"' disabled=disabled />"+
             "</td><td><input type='text' class='form-control' style='width:100px;' value='0' disabled=disabled />"+
             "</td></tr>";
    }
    $("#tbl-po-list").append(txt);
});

我的表

<table id="tbl-po-list">
 <tbody id="po-create"></tbody>
</table>

输出：

我的修订表

如何使用上图中表示为QTY的数量的onchange事件连续获取值？请帮忙。非常感谢。

Answer 1

请使用jQuery的事件委派。

$( '#tbl-po-list' ).on( 'change' , 'input[type="number"]' ,function(){
    alert( 'Event fired' );
});

没有嘲笑ajax请求而只是在点击下方小提琴中的按钮时向表添加一个新行： https://jsfiddle.net/ehcwhd7f/

Answer 2

业余回答提醒：

table.rows[0].cells[0].children[0].value