jquery实现下拉框多选方法介绍
2017-01-03 09:14
633 查看
一、说明
本文是利用EasyUI实现下拉框多选功能,在ComboxTree其原有的基础上对样式进行了改进,样式表已上传demo,代码如下
二、代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>利用EasyUI实现多选下拉框</title> <link rel="stylesheet" type="text/css" href="EasyUI/easyui.css" /> <script type="text/javascript" src="EasyUI/jquery.min.js"></script> <script type="text/javascript" src="EasyUI/jquery.easyui.min.js"></script> <script type="text/javascript"> $(function () { $('#ddlLine').combotree({ valueField: "id", //Value字段 textField: "text", //Text字段 multiple: true, data: [{ "id": 1, "text": "All", "children": [{ "id": 13, "text": "C1" }, { "id": 14, "text": "C2" }, { "id": 15, "text": "C3"}]}], // url: "tree_data2.json", //数据源 onCheck: function (node, checked) { //让全选不显示 $("#ddlLine").combotree("setText", $("#ddlLine").combobox("getText").toString().replace("全选,", "")); }, onClick: function (node, checked) { //让全选不显示 $("#ddlLine").combotree("setText", $("#ddlLine").combobox("getText").toString().replace("全选,", "")); } }); }) </script> </head> <body> 多选:<select id="ddlLine" class="easyui-combotree" style="width: 205px; height: 24px;"> </select> </body> </html>
三、效果
四、下载
案例下载:http://wd.jb51.net:81//201701/yuanma/ComboBox_jb51.rar
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持脚本之家!
您可能感兴趣的文章:
相关文章推荐
- jquery自定义风格独特的下拉列表控件(可实现单选和多选)
- JQuery 使用attr方法实现下拉列表选中
- 使用jquery-combobox实现select下拉框多选之后,如何将下拉框的值传给input隐藏域
- 自定义Angular指令与jQuery实现的Bootstrap风格数据双向绑定的单选与多选下拉框
- Jquery多选下拉列表插件jquery multiselect功能介绍及使用
- 自定义Angular指令与jQuery实现的Bootstrap风格数据双向绑定的单选与多选下拉框
- jQuery使用Selectator插件实现多选下拉列表过滤框(附源码下载)
- jquery实现点击其他区域时隐藏下拉div和遮罩层的方法
- jquery实现触发时更新下拉列表内容的方法
- jQuery实现页面下拉100像素出现悬浮窗口的方法
- jquery的combobox实现下拉多选
- 无序列表(Ul)实现下拉多选[Jquery方式]
- juery 实现下拉框多选 jquery-multiselect
- jquery实现点击其他区域时隐藏下拉div和遮罩层的方法
- JQuery实现三大控件方法,(下拉,单选,复选)
- JQuery 使用attr方法实现下拉列表选中
- jQuery实现在下拉列表选择时获取json数据的方法
- 下拉框多选实现 jquery-multiselect 并获取选中的值
- jquery multiselect如何实现下拉框多选并获取多个选项的值
- jQuery使用Selectator插件实现多选下拉列表过滤框(附源码下载)