php - 从列表中动态选择字段并将其添加到表单中

Question

在表单中，我需要从选择中动态添加(然后删除)一些字段(0 到 n)。

每个项目在添加后都应从列表中删除，这样就不能被选择两次。

例如，我有一个这样的选择:

 <select name="list">
    <option value="1">A</option>
    <option value="2">B</option>
    <option value="3">C</option>
    <option value="4">D</option>
  </select>

我想在表单中添加一个新字段，显示 A 和 D 并存储它们的值，以便我可以通过 POST 获取它。然后如果我点击选择，就会只有 B 和 C。

你能帮我吗？

Answer 1

您想要什么类型的字段？输入类型文本？如果是这样:

$("[name=list]").on("change", function (e) {
    var val = $(this).val();
    if (val.length > 0) {
        $(this).find("option:selected").remove();
        $("<input>").attr("name", "the-name").val(val).appendTo($("#the-form"))
    }
});

看看 fiddle https://jsfiddle.net/etoysp7b/1/