从引导表中动态添加的元素获取元素值

Question

我有一个引导表并使用 JQuery 通过数据库填充/填充数据。我动态添加了一个列（最后一列）元素类型（输入类型='文本'）。我的问题是，如何获取我在动态添加的输入类型（文本）上输入的数据。

我的引导表参考：LINK HERE!

Jquery 示例代码：（我试过这个，但它给了我NULL）

$('#accordion-table').on('blur','.input-sm',function() {         
    var txt = $(this).text();        
    alert(txt);             
});

以及如何获取OPTION element 上的选定值，它也是动态元素。

请看下面的示例图片：

这两个元素都是动态添加的。

提前致谢！

Answer 1

使用下面的代码从输入文本框中获取值。检查DEMO

使用.val() 代替.text()

要将事件附加到动态创建的元素使用event delegation。

事件委托允许我们将单个事件侦听器附加到 父元素，它将为匹配的所有后代触发 选择器，这些后代是现在存在还是被添加到 未来。

$(document).on('blur','.input-sm',function() {         
  var txt = $(this).val();        
  alert(txt);             
});