动态添加的选择框未发布

Question

$.ajax({
        type: "POST",
        url: "add_secondary_interest.php",
        data: "interest=ok", 
        cache: false,
        success: function(html){
            $('#interest_table tr:last').after(html);
        }
});

ajax响应是这个

<select name="test[]">                                            
<option value='7'>abc</option>
<option value='1'>xyz</option>
</select>

但是当我发布表单时，不会发布此动态选择框。

Answer 1

简短的回答是，当jQuery添加元素时，它会绑定到表元素而不是表单元素。要解决此问题，请相对于表单创建DOM。例如：

$.ajax({
    type: "POST",
    url: "add_secondary_interest.php",
    data: "interest=ok", 
    cache: false,
    success: function(html){
        $('form #interest_table tr:last').after(html); //<<<<<
    }}

Answer 2

现在您将选择框放在<table>内，但不在<td>内，因此不可见。

请确保将您的ajax请求添加到新版本的<td>。