Mutiselect下拉复选框(保存和设置默认选中项)
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下拉复选框(保存和设置默认选中项)相关推荐
- html 下拉多选框代码,js实现下拉复选框效果(代码实例)
本章给大家带来用js实现下拉复选框效果(代码实例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 先看看效果: 下面我们看看代码: HTML代码: HTML CSS JavaScri ...
- 动态给下拉框,单选框赋值,设置默认选中项的几种方法
selectId为select的id $('#selectId')[0].selectedIndex = 0; //根据索引来赋值 $('#selectId').val('val值'); //根据va ...
- 在 jquery repeater 中添加设置日期,下拉,复选框等控件
JQueryElement 更新到了 3.5.1, 今天给大家主要讲下如何在 Repeater 的模板中添加设置一些控件. 由于精力有限, 不能在多个博客中保证文章的同步, 可在如下地址查看最新内容, ...
- java 下拉复选框_JAVA个人小程序GUI篇-收银(标签、按钮、复选框、下拉标、文本域、表格······)...
1 //导入包 2 importjava.awt.BorderLayout;3 importjava.awt.EventQueue;4 5 importjavax.swing.JFrame;6 imp ...
- java swing 下拉复选框_Java Swing JCheckBox复选框的实现方法
1. 概述 JCheckBox,复选框. JCheckBox 常用构造方法: // 无文本,默认未选中 JCheckBox() // 有文本,默认未选中 JCheckBox(String text) ...
- html下拉复选框联动,HTML : CheckBox 复选框成组联动(JavaScript)
在页面中,经常需要控制一组 CheckBox 的选中状态,常用的操作有: 1.通过一个或者多个复选框来控制一组 CheckBox 的选中状态. 2.根据一组 CheckBox 的选中状态来决定某些控件 ...
- layui添加复选框_layui表格数据复选框回显设置方法
layui2.3版本,本身并不带有复选框回显功能,那么需要从源头解决此事,F12代码调试,找到与复选框关联的地方发现: 我们只需要在渲染数据回调时找到每个复选框根据数据的不同来设置回显. layui这 ...
- tkinter自定义下拉多选框
使用tkinter实现下拉多选框 效果如图: 1.选择一些选项: 2.全选选项: 代码如下: import tkinterfrom ComBoPicker import Combopickerlist ...
- ajax实现下拉列表回显,layui实现下拉复选功能的例子(包括数据的回显与上传)
一.layui下拉复选实现的背景:实现一个管理员拥有多个权限 二. 具体实现: //依赖资源 //页面显示 角色: xm-select-search xm-select-skin="defa ...
最新文章
- 直接在sublime中运行php
- pycharm配置git版本管理
- Java线程与并发编程实践----同步器(Phaser)
- Eclipse常用快捷键、常用设置、常见问题等
- SpringMVC框架--学习笔记(下)
- matlab中rowset什么意思,没什么用的matlab代码1
- python语言map函数及map object at 乱码错误
- Vue中computed分析
- 宝塔搭建laravel所需要的lnmp环境linux-nginx-mysql-php-composer-git
- 计算机网络技术知识点
- vue中使用阿里巴巴矢量图标库的图标
- 最大团问题【回溯法】
- 商品抢购时间倒计时结束后加入购物清单demo
- java 批量爬虫_签名图片一键批量生成 使用Java的Webmagic爬虫实现
- 自带RGB灯效,配备显卡专属风道,风行者DF700 Flux上手
- 微信小程序傻瓜制作_零基础,傻瓜式制作微信小程序,3分钟完成不是问题!...
- 五个国外在线时间管理(GTD)工具推荐
- python数据结构之单链表
- 鸿蒙系统能超过ios多少年,未来3年,鸿蒙系统能与iOS系统媲美吗,能否超越iOS系统?...
- Java程序员的认证Sun Certified JAVA Programmer(SCJP)