jquery实现下拉框多选方法介绍

一、说明

本文是利用易居实现下拉框多选功能，在组合树其原有的基础上对样式进行了改进，样式表已上传演示，代码如下

二、代码

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML '标题利用易居实现多选下拉框/title link rel='样式表type=' text/CSS ' href=' Easyui/Easyui。CSS '/脚本类型=' text/JAVAScript ' src=' http : Easyui/jquery。量滴js /脚本类型=' text/JAVAScript ' src=' http : Easyui/jquery。易用户。量滴js /脚本脚本类型=' text/JavaScript ' $(function(){ $(' # ddyline ')).combotree({ valueField: 'id '，//Value字段文本字段： '文本',//文本字段multiple: true，data: [{ 'id': 1，' text': 'All '，' children': [{ 'id': 13，' text': 'C1' }，{ 'id': 14，' text': 'C2' }，{ 'id': 15，' text': 'C3'}，//URL 333:数据源onCheck:函数（节点，选中){ //让全选不显示$(' # ddyline ').combotree('setText '，$(' # ddyline ').combobox('getText ').toString().替换('全选，', ''));}，onClick:函数（节点，选中){ //让全选不显示$(' # ddyline ').combotree('setText '，$(' # ddyline ').combobox('getText ').toString().替换('全选，', ''));} });})/剧本/床头柜多选：选择id=' ddyline ' class=' easy ui-combo tree ' style=' width : 205 px；'height : 24px '/select/body/html三、效果

四、下载

案例下载：http://wd。JB 51。净额：81//201701/马援/ComboBox_jb51.rar

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持我们！