首页 > 代码库 > 下拉多选
下拉多选
文件见附件:
使用方法:
1、前台代码
<%--下拉列表 --%> <link href=http://www.mamicode.com/"../Styles/jquery-ui.css" rel="stylesheet" type="text/css" /> <link href=http://www.mamicode.com/"../Styles/jquery.multiselect.css" rel="stylesheet" type="text/css" /> <script src=http://www.mamicode.com/"../Scripts/jquery.1.7.2.min.js" type="text/javascript"></script> <script src=http://www.mamicode.com/"../Scripts/jquery-ui.min.js" type="text/javascript"></script> <script src=http://www.mamicode.com/"../Scripts/jquery.multiselect.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { //立项状态 $("#ddlStatus").multiselect({ header: false, height: 200, minWidth: 100, selectedList: 10, //预设值最多显示10被选中项 hide: ["explode", 200], noneSelectedText: ‘请选择‘, close: function () { var values = $("#ddlStatus").val(); $("#hdStatus").val(values); } }); //审核状态 $("#ddlEmailVerifyStatus").multiselect({ header: false, height: 200, minWidth: 100, selectedList: 10, //预设值最多显示10被选中项 hide: ["explode", 200], noneSelectedText: ‘请选择‘, close: function () { var values = $("#ddlEmailVerifyStatus").val(); $("#hdEmailVerifyStatus").val(values); } }); }); </script>
<tr> <td align="right"> 立项状态: </td> <td> <asp:ListBox ID="ddlStatus" runat="server" SelectionMode="Multiple" multiple="multiple" style="width:200px"> </asp:ListBox> <input type="hidden" id="hdStatus" runat="server" /> </td> </tr> <tr> <td align="right"> 审核状态: </td> <td> <asp:ListBox ID="ddlEmailVerifyStatus" runat="server" SelectionMode="Multiple" multiple="multiple" style="width:200px"> </asp:ListBox> <input type="hidden" id="hdEmailVerifyStatus" runat="server" /> </td> </tr>
后台直接使用hd的值,值比如为001,002,003
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。