Multiple Select 的简单使用

欧阳飞
2023-12-01

首先了解:

Multiple Select 是一个通过复选框来选择多元素的 jQuery 插件:).
 官网地址:http://multiple-select.wenzhixin.net.cn/zh-cn/home/

有例子+文档

下面是简单使用的总结:


文件引用:
    <link href="~/Content/multiple/multiple-select.css" rel="stylesheet" />
    <script src="~/Content/multiple/multiple-select.js"></script> 

界面:

        <font>办件状态:</font>
            <select id="selBjstate"> 
                <option value="">-请选择-</option>
                <option value="2">收件</option>
                <option value="5">受理</option>
                <option value="6">补齐补正</option>
                <option value="7">不予受理</option>
                <option value="8">在办</option>
                <option value="9">挂起</option>
                <option value="10">办结</option>
                <option value="13">退件</option> 
            </select>

js:

      jjzl: function () { return $("#dJjzl").multipleSelect('getNumSelects').toString() }

多选绑定插件:


$("#selBjstate").multipleSelect({
    width:"200px", //宽度
    DefSelectMode:2,// 1 默认第一项  2 没有默认项
    selectAll:false//是否有全选按钮

})

后台得到查询参数:

  
单选时:2

多选时:2,5,6
 

 类似资料: