jQuery serializeArray не выбирает динамически созданные элементы формы
У меня есть форма, которая динамически создается с использованием ajax (поскольку данные для элементов формы должны поступать из базы данных), и я хочу сериализовать элементы формы для отправки с помощью ajax. В настоящее время я просто проверяю свою теорию, используя код с веб-сайта jQuery, чтобы посмотреть, смогу ли я подобрать элементы формы, и вот в чем проблема:
$(document).ready(function() {
$('#btnCustomSearch').live('click', function() {
$('#results').html('');
alert($('#customSearchTable :input').serializeArray());
// get all the inputs into an array.
var fields = $('#customSearchTable :input').serializeArray();
jQuery.each(fields, function(i, field) {
$("#results").append(field.name + " = " + field.value + ", ");
});
// now we'll reformat the data as we need
// here we'll send the data via ajax
});
});
Мне нужно внести некоторые изменения в данные перед отправкой, и этот код еще не написан, но я обнаружил, что все элементы ввода на странице, которые существовали на момент загрузки страницы, выбраны правильно, любые элементы, которые являются заполненные с использованием Javascript, правильно подобраны, но все созданные с помощью ajax игнорируются.
Я знаю, что это обычно решается с помощью «вживую», но мне неясно, как решить это сserializeArray()
, С помощью Ajax дополнительные элементы формы добавляются в#customSearchTable
и это те, которые не подобраны.
Любая помощь с благодарностью.
Спасибо