JQUERY DOM：选择Dom Load后创建的元素

我正在开发一个项目，我需要在调用函数时更改某个类的所有选择输入的值。 问题是当首次加载dom时，某些选择输入不存在，它们是通过Javascript动态创建的。

该函数适用于选择加载页面时存在的所有选择输入，但不适用于动态添加到dom的任何选择输入。

我理解使用.on绑定事件，但在这种特殊情况下，我并不是想关闭像click这样的事件。 我希望在调用此函数时获取此类的所有元素。

这是我用来创建新选择元素的代码。

var this_cell = document.getElementById('produce_batch_line_td['+x+']'); var new_select = document.createElement("select"); new_select.name = "produce_batch_line["+x+"]"; new_select.id = "produce_batch_line["+x+"]"; new_select.className = "produce_batch_line["+invoice_number+"]"; this_cell.appendChild(new_select); var new_option = document.createElement("option"); new_option.text = "test"; new_option.value = "test"; new_select.add(new_option); 

这是我用来选择这个类的所有选择元素的代码。

 function SetDetailValue(invoice_number, obj) { $(".produce_batch_line\\["+invoice_number+"\\]").each(function() { this.value = obj.value; }); } 

如何动态地将此类的项添加到dom中？

Answer 1

检查此链接。 我已经放了一个已经存在的。 当您单击“添加”按钮时，它也会动态创建。 当您单击设置按钮时，它会使用java查询找到它们并将它们放入for循环中，逐个更改每个值。

http://cr8code.co/editor.php?workid=1a446530189d751d0b15ce104a286eee

这是DEMO