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 }
时间: 2024-10-28 23:09:40