ajax td 替换后提交时表单缺少元素

Question

我有一个学区下拉菜单，其中包含一个与之相关的 onchange 事件。当它发生变化时，我会执行 ajax 调用来获取该地区的学校列表。 ajax 页面上的 html 具有每个学校的复选框，因此可以将某人分配到单个学区下的多个学校。 ajax 工作正常，我修改了具有特定 id 的 td 元素的 html，并且学校名称及其复选框正确显示。我检查了其中一些，然后提交了表单，但令我沮丧的是，我用 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);
    }
);

}

Answer 1

对不起。表单标签围绕 tr 标签而不是 tds 或表格。当我改变它的工作原理时。