我想要一个列表框,用户可以在其中添加他们在文本输入中输入的项目。该列表还应具有删除、编辑功能。
最好的方法是什么(即硬编码或是否有 jquery)?我猜需要 javascript 这很好。
我将如何从 JS 中读取所有值?我想用分隔符连接项目,以便我可以通过 ajax 发送它
我想要一个列表框,用户可以在其中添加他们在文本输入中输入的项目。该列表还应具有删除、编辑功能。
最好的方法是什么(即硬编码或是否有 jquery)?我猜需要 javascript 这很好。
我将如何从 JS 中读取所有值?我想用分隔符连接项目,以便我可以通过 ajax 发送它
这是一个使用 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/
可能你可以看看这个 jquery 插件 - jQuery Tokeninput。但是,您无法编辑该项目。