У меня есть школьный округ с привязанным событием onchange. Когда это меняется, я делаю вызов ajax, чтобы получить список школ, которые находятся в этом районе. В html на странице ajax есть флажки для каждой школы, чтобы кто-то мог быть назначен в несколько школ в одном округе. Ajax работает нормально, и я изменяю html элемента td с определенным идентификатором, и названия школ и их флажки отображаются правильно. Я проверяю некоторые из них и затем отправляю форму, но, к моему ужасу, ни один из тегов ввода (флажков), добавленных с помощью ajax, не встречается в форме. Я проверил некоторые из них, поэтому поле формы не должно совпадать с пустым при отправке.
Я использовал $('#formID').serialize();, чтобы проверить, есть ли у формы входные данные, но он говорит, что нет. Затем я использую $('input[name=SchoolID]').each(function(){alert(this.value);}), чтобы распечатать значения флажков, и это работает.
Я что-то здесь упускаю? Нужно ли как-то перезагрузить форму, чтобы включить новые поля ввода? Почему мои поля ввода не отображаются в форме отправки?
function getSchools(userID){
var districtID = $('#DistrictID').val();
$.get('ajax/ajaxSchools.cfm',
{
UserID: userID,
DistrictID: districtID
},
function(data){
var schoolTd = $('#school-td');
//schoolTd.html("");
//schoolTd.append(data);
schoolTd.replaceWith(data);
}
);
}