Question

好吧标题可能会让人感到困惑，因为我自己仍然对如何表达它感到困惑。

嗨，我是PHP的初学者，绝对没有js或其他语言的经验。

我正在尝试创建输入类型（datalist），当用户按Enter键或从列表中选择选项时，de input将传递到数组中，然后显示为原始输入字段旁边的静态文本，原始输入字段将被清空，允许用户键入/选择另一个选项，当用户选择其他选项/按回车键时，新值将被添加到数组中。然后当用户单击提交按钮时，该字段的整个数组将作为POST传递。

如果我的解释仍然令人困惑，那么想想那些你可以提交关键词的网站，我们就可以输入/选择文章的“标签”。

我听说tou必须在这个上实现js，有人可以帮我解释一下吗？我真的很感激

谢谢你

Answer 1

这样做的一种方法是设置一个表单，输入与按钮加divs配对，用于附加用户的输入，然后通过下面的逻辑

用户在输入中插入一个值并单击按钮
按钮单击激活jquery事件，其中函数获取用户输入

然后检查该值是否为空，然后将<p>标记中的值附加到显示div，并将隐藏div的类型隐藏的输入附加到名称属性为name[]。< / LI>

稍后当您提交表单时，您可以使用names[]变量获取值，该变量将它们存储为数组。您可以根据需要进行编辑。

对于html

<input id="name" name="name" type="text"/>
<a href="#" id="add_name"><font size="1">Add Name</font></a>
<div id="display"></div>
<div id="hidden"></div>

然后是javascript

// Add name
$("#add_name").click(function (e) {
    //prevent submit of form
    e.preventDefault();

    var name = $('#name').val();

    //check if input is empty
    if(name){
        $("#display").append("<p>" + name + "</p>");
        $("#hidden").append("<input type='hidden' name='names[]' value='" + name + "'>");
    } else {
        alert("Please insert name before submitting")
    }

    $('#name').val("");
});

让我知道它是否有帮助，或者我是否可以帮助你进一步

PHP Form，在单个输入字段上收集几个输入

1 个答案: