Javascript 如何在HTML表单中创建列表框？

我想有一个列表框，用户可以在其中添加他们在文本输入中输入的项目。该列表还应具有删除、编辑功能

实现这一点的最佳方法是什么（即硬代码还是jquery）？我猜需要javascript，这很好

---

如何读取JS中的所有值？我想用一个分隔符连接这些项目，这样我就可以通过ajax发送它了。也许你可以看看这个jquery插件-。但是，您不能编辑该项。

下面是一个使用jQuery将列表框中的所有选项添加到逗号分隔字符串的示例

函数toAllan（）{
var allanString=“”；
var allanOptions=$（'.myListBox选项'）；
allanOptions.each（函数（索引）{
allanString+=$（this.val（）；
if（index！=allanOptions.length-1）{
allanString+=“，”；
}
});
返回allanString；
}

编辑我偶然发现了这个替代方案，它比我想象的要干净得多

函数toAllan（）{
返回$（'#myListBox选项'）.map（函数（索引）{
返回$（this.val（）；
}).get（）.join（'，'）；
}

---

这里有一个JSFIDLE演示了这一点（还包括添加和删除列表框中的元素）：

您可以发送AJAX编码为JSON的整个对象。不需要重新发明轮子。@Brad哪个部分正在重新发明轮子？现在服务器代码被配置为接受|分隔字符串，因此。。。如果我发送一个对象，我必须重新配置服务器端。。。如果已经编写了用于解析列表框的服务器端代码，我宁愿将列表框作为分隔字符串发送，然后就可以了。我的意思是，没有必要发明新的格式来表示文本中的数据。这看起来很好，只有一个小问题。用户应该能够输入返回结果中没有的项。我看不到这方面的配置设置。是的，您可以输入新项目。我做了一个新的演示。你可以试一试。只需输入一个新项目并键入标记分隔符（可自定义）'”。注意：这里使用了一个未记录的选项：AllowFreetagg。谢谢，不幸的是，我已经用简单的方法完成了，我可能会在以后的某个时间更改它，但一旦其他所有的事情都完成了。。。这有点错误，例如，如果我键入“test”（无引号），它将显示“Testee”的结果。如果我真的很快并按下，它将进入测试，但之后它将无法识别任何其他，s。你知道如何将输入的文本从文本框添加到列表框中吗？还要从列表中删除所选项目吗？我已经更新了JSFIDLE示例以包含此功能。看一看。让我知道如果你有任何问题。谢谢，将修改它一点，但看起来它可以做我需要的一切。