0

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

最好的方法是什么(即硬编码或是否有 jquery)?我猜需要 javascript 这很好。

我将如何从 JS 中读取所有值?我想用分隔符连接项目,以便我可以通过 ajax 发送它

4

2 回答 2

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/

于 2013-01-19T20:03:16.573 回答
0

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

于 2013-01-19T19:51:18.780 回答