JQUERY DOM：选择在Dom加载后创建的元素

Question

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

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

我了解使用.on进行事件绑定，但是在这种情况下，我并不想尝试取消诸如click之类的事件。 我想在调用此函数时获取此类的所有元素。

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

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

检查此链接。 我已经提出了一个。 当您单击添加按钮时，它也会动态创建。 当您单击set按钮时，它将通过Java查询找到它们，并将它们放入for循环中，该循环逐个更改每个值。

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

这是演示