从bootstrap-table中动态添加的元素中获取元素值

Question

我有一个bootstrap-table，并使用JQuery通过数据库填充/填充数据。我动态地添加了一个列（最后一列）元素类型（input type ='text'）。我的问题是，如何在动态添加的输入类型（文本）中获取输入的数据。

我对我的Bootstrap表的引用：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。

  

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

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