jquery ajax popup并在弹出窗体中返回选中的复选框

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

不要使用锚标记。相反，为您的弹出窗口创建一个div container，您可以动态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>");
});