bootstrap-select標籤 在做回顯選中的時候
阿新 • • 發佈:2018-12-31
在新增資料的時候,其中傳參方式,在拼接之後它自帶一些樣式,下拉狀態想要獲取選中的value值 可以通過下面方法
function getSelectedVal(id){ var html = $('button[data-id='+id+'] span.filter-option').html(); if(!html) return;var arr = html.split(', '); var str = ''; $.each($('#'+id+' option'),function(k,v){ $.each(arr,function(m,n){ if(n==$(v).html()) str+=($(v).val()+';'); }) }); str = str.substring(0,str.length-1); return str;}
只需要傳遞select標籤中的id值 便可以獲取到選中的val()。
在回顯的時候需要先拿到狀態之前的值,然後遍歷比對,賦selected屬性 如下
function checkBoxTradeType() { $("#checkBoxTradeType").empty(); var checkBoxTradeType=""; var flag = false; var tradeType = $("#tradeType").val(); console.log(tradeType); var strs= new Array(); strs= tradeType.split(";"); $.ajax({ url: contextPath +'/getLookupCdeList.jhtml?r='+Math.random(), async:false , cache:true, type:"POST", data:{ "typeCode":"10311001" }, success: function(result) { result.sort(function(a,b){ return a.integerKey-b.integerKey; }); $.each(result, function(k, v) { for (var int = 0; int < strs.length; int++) { if(strs[int] == v.id){ flag = true; } } if(flag){ checkBoxTradeType=checkBoxTradeType+'<option class="" selected value="'+v.id+'" id="'+v.id+'">'+v.cdeName+'</option>'; }else{ checkBoxTradeType=checkBoxTradeType+'<option class="" value="'+v.id+'" id="'+v.id+'">'+v.cdeName+'</option>'; } flag = false; }); } }); $("#checkBoxTradeType").html(checkBoxTradeType); }