动态添加的选择框未发布答案

【问题标题】：Dynamically added Select Box is not being posted动态添加的选择框未发布
【发布时间】：2012-05-15 19:17:25
【问题描述】：

$.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>

但是当我发布表单时，这个动态选择框并没有发布。

【问题讨论】：

你期待看到什么，你看到了什么？你的问题对我来说没有意义。
当我提交表单时。此表单元素正在另一个页面上发布。
看在上帝的份上，扩展您的问题可能会提供一些信息！
我应该如何将此选择框与我的页面
元素链接。
插入后看到<select>框了吗？

标签： php javascript jquery

【解决方案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); //<<<<<
    }}

【讨论】：

#interest_table tr:last 根本不起作用。康纳回答完美。

【解决方案2】：

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

Makr 确保将其添加到现有的 <td> 中，并使用您的 ajax 请求。

【讨论】：

当我触发点击事件时它是可见的。但是当我提交表单时它没有被发布到另一个页面