php - 动态添加的选择框未发布

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 添加元素时，它会绑定到 table 元素而不是 form 元素。要解决此问题，请使 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

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

<td>Makr 确保通过您的 ajax 请求将其添加到现有的新的。