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


Mutiselect 插件地址  http://www.cnblogs.com/xinchuang/archive/2013/05/24/3096757.html

//设置选中项 ===========================================================

  1  //初始化
  2         $(function()
  3         {
  4             $(".ddl").multiselect({
  5                 noneSelectedText: "--请选择仓库--",
  6                 checkAllText: "全选",
  7                 uncheckAllText: '全不选',
  8                 selectedList:4
  9                 //header:"7"
 10             });
 11         });
 12         //设置默认选中项
 13         $(function()
 14         {
 15             $("#TableList tr td[id]").each(function()
 16              {
 17                   var objs=$(this).children();
 18                   var warehouses=objs[2];
 19                   var warehouseNames=$(warehouses).attr("name");
 20                   var warehouseids=$(warehouses).val();
 21                   //展示给用户选择的仓库
 22                   var spans=$(objs[1]).children();
 23                   if(warehouseNames.length>0)
 24                   {
 25                     $(spans[1]).text(warehouseNames);
 26                   }
 27                   else
 28                   {
 29                     $(spans[1]).text("--请选择仓库--");
 30                   }
 31                   //点击文本框 选中默认项
 32                   var ids=warehouseids.split(",");
 33                   $(objs[1]).click(function()
 34                   {
 35                       var div=  $("#UploadForm").nextAll("[name]");//手动改的源码 点击文本框时 给下拉框添加个属性 以标识当前修改的下拉框
 36                       //alert(div.attr("name"));
 37                       var ul=$(div).children(":last-child");
 38                      // alert (ul.attr("class"));
 39                       var lis=ul.children();
 40                       //alert(lis.length);
 41
 42                       //清空默认选中值
 43                       $(lis).each(function(){
 44                             //获取lable
 45                             var me=$(this).children();
 46                            // alert(me.length);
 47                            // alert (me.attr("class"));
 48                            //获取input标签
 49                           var input=me.children(":first-child");
 50                           //删除默认属性
 51                           input.removeAttr("checked");
 52                           input.removeAttr("aria-selected");
 53                       });
 54
 55
 56                       for (var j=0;j<ids.length;j++)
 57                       {
 58                           for (var i=0;i<lis.length;i++)
 59                           {
 60                             //获取lable
 61                             var me=$(lis[i]).children();
 62                            // alert(me.length);
 63                            // alert (me.attr("class"));
 64                             //获取input标签
 65                             var input=me.children(":first-child");
 66                             //获取input的值
 67                             var inputValue=input.val();
 68
 69                            // alert(inputValue)
 70                             //删除默认属性
 71                              //input.removeAttr("checked");
 72                              //input.removeAttr("aria-selected");
 73                             //重新 绑定数据库中读取的数据
 74                             if(inputValue*1==ids[j]*1)
 75                             {
 76                                 $(input).prop("checked","checked");
 77                                 $(input).attr("aria-selected","true");
 78                             }
 79                           }
 80                       }
 81                   });
 82              })
 83         })
 84         //保存=========================================
 85         function SaveUserWarehouse(userId,obj)
 86         {
 87
 88             var me =$(obj).parent().prev().children();
 89             var valuestr = me.multiselect("getChecked").map(function () {
 90                 return this.value;
 91             }).get();
 92             //alert(valuestr);
 93             // alert(typeof(valuestr));
 94             //var me =$(obj).parent().prev().children();
 95             //var valuestr = me.multiselect("MyValues");
 96              $.ajax({
 97                 type: "POST",
 98                 url: "/B2C/handlers/Warehouse/SaveUserWarehouse.ashx",
 99                 data: { "warehouseids":valuestr.toString(),"userId":userId},
100                 success: function(msg)
101                 {
102                     if(msg =="ok")
103                     alert ("保存成功!");
104                     reload();
105                 },
106                 error: function() {
107                     alert("请求异常,请稍后再试!");
108                 }
109             });
110         }

转载于:https://www.cnblogs.com/q101301/p/4497153.html

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

  1. html 下拉多选框代码,js实现下拉复选框效果(代码实例)

    本章给大家带来用js实现下拉复选框效果(代码实例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 先看看效果: 下面我们看看代码: HTML代码: HTML CSS JavaScri ...

  2. 动态给下拉框,单选框赋值,设置默认选中项的几种方法

    selectId为select的id $('#selectId')[0].selectedIndex = 0; //根据索引来赋值 $('#selectId').val('val值'); //根据va ...

  3. 在 jquery repeater 中添加设置日期,下拉,复选框等控件

    JQueryElement 更新到了 3.5.1, 今天给大家主要讲下如何在 Repeater 的模板中添加设置一些控件. 由于精力有限, 不能在多个博客中保证文章的同步, 可在如下地址查看最新内容, ...

  4. java 下拉复选框_JAVA个人小程序GUI篇-收银(标签、按钮、复选框、下拉标、文本域、表格······)...

    1 //导入包 2 importjava.awt.BorderLayout;3 importjava.awt.EventQueue;4 5 importjavax.swing.JFrame;6 imp ...

  5. java swing 下拉复选框_Java Swing JCheckBox复选框的实现方法

    1. 概述 JCheckBox,复选框. JCheckBox 常用构造方法: // 无文本,默认未选中 JCheckBox() // 有文本,默认未选中 JCheckBox(String text) ...

  6. html下拉复选框联动,HTML : CheckBox 复选框成组联动(JavaScript)

    在页面中,经常需要控制一组 CheckBox 的选中状态,常用的操作有: 1.通过一个或者多个复选框来控制一组 CheckBox 的选中状态. 2.根据一组 CheckBox 的选中状态来决定某些控件 ...

  7. layui添加复选框_layui表格数据复选框回显设置方法

    layui2.3版本,本身并不带有复选框回显功能,那么需要从源头解决此事,F12代码调试,找到与复选框关联的地方发现: 我们只需要在渲染数据回调时找到每个复选框根据数据的不同来设置回显. layui这 ...

  8. tkinter自定义下拉多选框

    使用tkinter实现下拉多选框 效果如图: 1.选择一些选项: 2.全选选项: 代码如下: import tkinterfrom ComBoPicker import Combopickerlist ...

  9. ajax实现下拉列表回显,layui实现下拉复选功能的例子(包括数据的回显与上传)

    一.layui下拉复选实现的背景:实现一个管理员拥有多个权限 二. 具体实现: //依赖资源 //页面显示 角色: xm-select-search xm-select-skin="defa ...

最新文章

  1. 直接在sublime中运行php
  2. pycharm配置git版本管理
  3. Java线程与并发编程实践----同步器(Phaser)
  4. Eclipse常用快捷键、常用设置、常见问题等
  5. SpringMVC框架--学习笔记(下)
  6. matlab中rowset什么意思,没什么用的matlab代码1
  7. python语言map函数及map object at 乱码错误
  8. Vue中computed分析
  9. 宝塔搭建laravel所需要的lnmp环境linux-nginx-mysql-php-composer-git
  10. 计算机网络技术知识点
  11. vue中使用阿里巴巴矢量图标库的图标
  12. 最大团问题【回溯法】
  13. 商品抢购时间倒计时结束后加入购物清单demo
  14. java 批量爬虫_签名图片一键批量生成 使用Java的Webmagic爬虫实现
  15. 自带RGB灯效,配备显卡专属风道,风行者DF700 Flux上手
  16. 微信小程序傻瓜制作_零基础,傻瓜式制作微信小程序,3分钟完成不是问题!...
  17. 五个国外在线时间管理(GTD)工具推荐
  18. python数据结构之单链表
  19. 鸿蒙系统能超过ios多少年,未来3年,鸿蒙系统能与iOS系统媲美吗,能否超越iOS系统?...
  20. Java程序员的认证Sun Certified JAVA Programmer(SCJP)

热门文章

  1. 知识图谱综述思维导图
  2. 嵌入式开发—矩阵键盘原理及程序设计
  3. 实体类中如何自动生成serialVersionUID
  4. Lenovo G470 Yosemite 10.10.5 双系统 原版镜像安装
  5. Handler中MessageQueue的enqueueMessage笔记
  6. 健康体检预约app的设计与实现
  7. 瑞云服务云|天正电气服务云系统项目顺利验收
  8. java-php-python-ssm计算机组成原理教学网站计算机毕业设计
  9. 移动端h5视频处理方案
  10. MIT-BIH心电数据库的使用