select 多选 (EasyUI)

<script type="text/javascript" src="/EasyUI/jquery.min.js"></script>
<script type="text/javascript" src="/EasyUI/jquery.easyui.min.js"></script>
<select id="ddlyou" runat="server" class="easyui-combotree" style="width: 205px; height: 24px;">
</select>

只能是  id  与 text的固定组合
<%=ViewState["check"]%> 是数据来源
 $(function () {
        $(‘#<%=ddlyou.ClientID%>‘).combotree({
            valueField: "id", //Value字段
            textField: "text", //Text字段
            multiple: true,

            data: [{ "id": "0", "text": "All", "children": <%=ViewState["check"]%> }]
,
data: [{ "id": "0", "text": "All", "children": [{ "id": 13, "text": "C1" }, { "id": 14, "text": "C2" }, { "id": 15, "text": "C3"}]}]
,
            //url: "tree_data2.json", //数据源
            onCheck: function (node, checked) {
                //让全选不显示
                $("#<%=ddlyou.ClientID%>").combotree("setText", $("#<%=ddlyou.ClientID%>").combobox("getText").toString().replace("全选,", ""));
            },
            onClick: function (node, checked) {
                //让全选不显示
                $("#<%=ddlyou.ClientID%>").combotree("setText", $("#<%=ddlyou.ClientID%>").combobox("getText").toString().replace("全选,", ""));
            }
        });
    });
var youpin = document.getElementById("_easyui_textbox_input3").value;  选中的值 //_easyui_textbox_input3  替换成对应id

原文地址:https://www.cnblogs.com/otsf/p/8707684.html

时间: 2024-10-16 13:52:47

select 多选 (EasyUI)的相关文章

工作需求----表单select多选交互

由于工作需求接触select框多选的情况,以下是我分享的代码,主要是进入页面默认选中.支持多选属性: 1.html内容 multiple=”multiple” 属性为多选属性 <div class="c-n-survey-option"> <select name="0" multiple=”multiple” class="c-n-survey-select" id="mySelect" > <

select多选 multiple的使用

select多选  multiple的使用 <html> <head> <script type="text/javascript"> function showDiv(id){ document.getElementById("selectOption").style.display="block"; document.getElementById("selectOption").styl

select多选

1.css <style> .divBox{ width:400px; margin:100px auto; } .divBox span{ vertical-align:top; display:inline-block; margin-top:16px; } .divBox .duiMutiple{ display:inline-block; width:330px; vertical-align:top; } .divSel{ height:35px; line-height:35px;

在ASP.NET MVC中实现Select多选

我们知道,在ASP.NET MVC中实现多选Select的话,使用Html.ListBoxFor或Html.ListBox方法就可以.在实际应用中,到底该如何设计View Model, 控制器如何接收多选Select的选中项呢? 实现效果如下: 初始状态某些选项被选中. 当按着ctrl键,进行重新选择多项,点击"提交"按钮,把选中项的id拼接. 对于Select中的项,包含显示值,Value值,以及是否选中,抽象成如下的类. public class City { public int

JQuery chosen插件,实现select多选

步骤:1.js 2.在select标签上添加 multiple="multiple" 属性 3.添加class=" chosen-select" 属性 即可实现多选 默认值选定: 1.获取标签默认值,根据格式拆分数据 2.使用 $('.chosen-select').chosen({ allow_single_deselect : true }); $('.chosen-select').trigger("liszt:updated"); eg:

&lt;select&gt;多选时的数据回显

<select>标签有个属性为multiple,当设置multiple="true"时,在页面上可以按住ctrl键进行多选,在Action中可以给一个string类型的数组来获取前台的值,例子如下: 在action中给出set/get方法即可.然后根据数据库中的字段,添加到对象中即可. 但是在数据修改的时候,从数据库中查找到的是一个用逗号分隔的字符串,因此在回显之前需要做一些处理. s1是后台返回到前台的json对象,通过逗号将数据库查到的字符串拆分一下,然后拿到<s

select多选框

效果: 代码: 1 <HTML> 2 <HEAD> 3 <TITLE>选择下拉菜单</TITLE> 4 <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 5 <META NAME="Description" CONTENT="Power by hill"> 6 <

select多选(multiSelect)的使用

1.使用js包 bootstrap-multiselect-master 需要对应的js,css文件 2.定义select标签 <select id="produce" multiple="multiple" class="multiselect"> //option标签省略 </select> 3.设定select属性 $("produce").multiselect({ buttonClass:'m

layui select多选下拉显示 以及回显

<div class="layui-form-item layui-form-text" > <label class="layui-form-label"><span style="color:red;">* </span>多选</label> <div class="layui-form" style="margin-left:130px;&quo