如何使用onchange事件获取附加表行中的值？
如何使用onchange事件获取附加表行中的值？
提问于 2016-03-13 11:25:36
我有一个ajax函数，它从数据库中获取值，然后将这些数据附加到表中。现在，会有两个或更多的记录来自正在检索的数据库，所以两个或更多的表行也是appended.My问题，既然我已经在表行中添加了一个select选项值，那么我如何能够使用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事件来获取行中的值？请帮帮忙。非常感谢。
Stack Overflow用户
回答已采纳
发布于 2016-03-13 11:41:14
请使用jQuery的事件委托。
$( '#tbl-po-list' ).on( 'change' , 'input[type="number"]' ,function(){
alert( 'Event fired' );
});没有模拟ajax请求，而只是在下面的https://jsfiddle.net/ehcwhd7f/中单击一个按钮将一个新行添加到表中。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35969639
复制相关文章
相似问题
腾讯云开发者
