如何在HTML表单中创建列表框?
How should I create a listbox in a HTML form?
我想有一个列表框,用户可以在其中添加他们在文本输入中输入的项目。该列表还应该具有删除、编辑功能。
什么是最好的方法来做到这一点(即硬代码或有一个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;
}
EDIT我偶然发现了这个选项,在我看来它更干净。
function toAllan() {
return $('#myListBox option').map(function (index) {
return $(this).val();
}).get().join(',');
}
下面的jsFiddle演示了这一点(还包括从列表框中添加和删除元素):http://jsfiddle.net/srGz7/4/
也许你可以看看这个jquery插件- jquery Tokeninput。但是你不能编辑该项
相关文章:
- 为对象数组创建列表项
- 如何在单击时创建列表
- 如何使用jquery创建列表
- 创建列表时,像在Ranker.com上一样创建多个项目
- 用于在Backbone中创建列表的Handlebars模板
- jQuery如何在页面重载时保留动态创建列表的选定选项
- 如何将动态创建的元素添加到我的动态创建列表中
- 如何使用 Javascript 和 jQuery 创建列表
- 如何从 JSON 数组创建列表
- 无法在 HTML 中创建列表
- 如何使用 AngularJS 创建列表视图
- 在 PHP 中的容器中创建列表
- 如何在文本区域中创建列表
- 在 JavaScript 中创建列表项
- 如何在 JavaScript 中创建列表参数来调用 WCF-Webservice
- 使用 Jscript 创建列表菜单运行时
- 从文本区域中的选定文本创建列表html
- 使用按钮创建列表
- 用于创建列表页列表项的谷歌应用程序脚本
- 从导入的JSON文件创建列表