1. 程式人生 > >bootstrap-select標籤 在做回顯選中的時候

bootstrap-select標籤 在做回顯選中的時候

在新增資料的時候,其中傳參方式,在拼接之後它自帶一些樣式,下拉狀態想要獲取選中的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); }