我应该如何在HTML表单中创建一个列表框？

Question

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

这样做的最佳方式是什么（即硬编码还是有jquery）？我猜测需要javascript，这很好。

我如何阅读JS的所有值？我想用分隔符连接项目，以便我可以通过ajax发送它

Answer 1

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

function toAllan() {
  var allanString = "";
  var allanOptions = $('.myListBox option');
  allanOptions.each(function (index) {
    allanString += $(this).val();
    if (index != allanOptions.length - 1) {
      allanString += ",";
    }
  });
  return allanString;
}

编辑我遇到了这个更加清洁的IMO。

function toAllan() {
  return $('#myListBox option').map(function (index) {
      return $(this).val();
  }).get().join(',');
}

这是一个证明这一点的jsFiddle（还包括在列表框中添加和删除元素）：http://jsfiddle.net/srGz7/4/

Answer 2

可能你可以看看这个jquery插件 - jQuery Tokeninput。但是，您无法编辑该项目。