javascript - 我应该如何在 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。但是，您无法编辑该项目。