отаю над проектом, в котором мне нужно изменить значение всех выбранных входов определенного класса при вызове функции. Проблема в том, что некоторые входные данные выбора не существуют, когда dom загружается впервые, они создаются динамически с помощью Javascript.

Функция прекрасно работает для выбора всех выбранных входов, которые существуют, когда страница была загружена, но не работает для любых выбранных входов, которые были добавлены в dom динамически.

Я понимаю привязку события к .on, но в данном конкретном случае я не пытаюсь отключить событие, такое как щелчок. Я хочу получить все элементы этого класса, когда эта функция вызывается.

Вот код, который я использую для создания новых элементов выбора.

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; 

    });

}

Как я могу получить предметы этого класса динамически добавлены в дом?