下拉多选

文件见附件:

使用方法:

1、前台代码

 <%--下拉列表 --%>
       <link href="../Styles/jquery-ui.css" rel="stylesheet" type="text/css" />
    <link href="../Styles/jquery.multiselect.css" rel="stylesheet" type="text/css" />
    <script src="../Scripts/jquery.1.7.2.min.js" type="text/javascript"></script>
     <script src="../Scripts/jquery-ui.min.js" type="text/javascript"></script>
    <script src="../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

下拉多选

时间: 2024-08-03 23:39:23

下拉多选的相关文章

JS下拉复选框的实现

<html>   <head>     <script src="jquery-1.7.2.min.js"></script>     <script src="jquery.easyui.min.js" ></script>     <link   rel="stylesheet" href="css/themes/metro/easyui.css"

c# 下拉多选的实现

1.首先是个TextBox <asp:TextBox ID="txtREFERRINGDOC" Width="130" runat="server" CssClass="txt" onfocus="this.blur();" onclick="showDiv('divREFERRINGDOC','txtREFERRINGDOC');">▼</asp:TextBox>

angular2.x 下拉多选框选择组件

angular2.x - 5.x 的下拉多选框选择组件 ng2 -- ng5.最近在学angular4,经常在交流群看见很多人问 下拉多选怎么做... 今天就随便写的个. 组件源码 百度云   链接:https://pan.baidu.com/s/1dEHwKmt 密码: mhta 下面贴代码: 界面 引用  selectList  是 下拉框的数据列表 redSelList() 方法是获取 选择完成后的数据 <app-select-checkbox [itemList]="selectL

自己用ul模拟实现下拉多选框,

模拟实现下拉多选框 效果如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" type="text/css" href="../js/plugins/layui/css/lay

关于knockout下拉多选值的应用

在最近的开发过程中,应用了一些关于knockout的下拉项目. 关于下拉多选的开发在这里做一个记录. 下面直接上代码 添加的时候,无需给初始值 --viewmodel function ViewModel() { //岗位下拉绑定 this.postName = ko.observableArray([]); }; 添加了一个触发.根据部门获得对应的岗位 //根据部门ID去获得对应的岗位下拉选项 function jsSearchData(obj) { var depId = $(obj).va

自定义实现 PyQt5 下拉复选框 ComboCheckBox

一.前言 由于最近的项目需要具有复选功能,但过多的复选框会影响界面布局和美观,因而想到把 PyQt5 的下拉列表和复选框结合起来,但在 PyQt5 中并没有这样的组件供我们使用,所以想要自己实现一个下拉复选框,主要就是继承 QComboBox 类,然后将复选框 QCheckBox 加入其中,并实现相应的功能. 最终实现的下拉复选框效果如下: 二.代码实现 1.主要方法 在 PyQt5 中,有几个主要的方法需要了解一下,方法名称和对应的含义如下: QtWidgets.QComboBox.setVi

selectpicker下拉多选框ajax异步或者提前赋值=》默认值

Bootstrap select多选下拉框赋值 success: function (data) { var oldnumber = new Array(); $.each(data, function (i) { oldnumber.push(data[i].id); }); $('#editcolor .selectpicker').selectpicker('val', oldnumber);//默认选中 $('#editcolor .selectpicker').selectpicker

Mutiselect下拉复选框(保存和设置默认选中项)

HTML代码 <asp:DropDownList ID="ddlWarehouseIds" runat="server" CssClass="ddl"></asp:DropDownList> <input type="hidden" name="<%#Eval("WarehouseNames")%>" id="hid_<%#Eva

多选下拉框(select 下拉多选)

方法一:使用multiple-select.js和multiple-select .css实现 HTML代码: <select id='checkedLevel' style="width:120px;height:28px;" multiple="multiple"> <option value="1">选项1</option> <option value="2">选项1<