forms - jquery ajax弹出并在弹出表单中返回选中的复选框

Question

似乎是一个常见问题，但在此站点上找不到。一定是因为我缺乏 jquery 或 ajax 的经验。

我有这样的表格：

<form id="form1">
<a href="add-item.php">+Add Item</a>
</form>

当此人单击“+添加项目”时，它会弹出一个新页面，允许他导航并单击所需的复选框。然后它应该以上面的形式插入如下内容：

<input type="hidden" name="item1_id" value="4">Item 1<br>

其中 value="4" 将是选中的复选框的 ID。

任何帮助将不胜感激。

Answer 1

不要使用锚标签。相反，container为您的弹出窗口创建一个 div，您可以load动态地：

$('#container').load('add-item.php');

然后向您的项目按钮添加一个侦听器，将结果附加到您的表单中：

$("#item_1").click(function() {
    var $newinput = $("<input type='hidden' />");
    $newinput.val(4);
    $newinput.attr("name","item1_id")
    $("#form1").append($newinput,"Item 1<br>");
});