Jquery chosen動態設置值實例介紹 select Ajax動態加載數據 設置chosen和獲取他們選中的值

for (var i = 0; i < obj.length; i++)
$("#selectnum" + nid).append("<option myid='" + obj[i].ID + "' myname='" + obj[i].Name + "'>" + obj[i].Name + "</option>");

$("#selectnum" + nid).trigger("liszt:updated");
$("#selectnum" + nid).chosen(); //変更このさまシ

 

 

--------------------------

 

//bug begin
mytid = $("#selectnum" + k).find("option:selected").attr("myid");
if (mytid == "undefined" || mytid == undefined)
mytid = "";

mytname = $("#selectnum" + k).find("option:selected").attr("myname");
if (mytname == "undefined" || mytname == undefined)
mytname = "";

isenum = $("#selectnum" + k).attr("myenumid"); //獲取次字段是否為枚舉

temps = temps + mytid + "#";
temps = temps + mytname + "#";
temps = temps + isenum;
//bug end
objarray.push(temps);

 

 

 

定義變量相加  不熱會出現bug獲取的為undefined 

 

 

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> 
<script src="chosen/chosen.jquery.js" type="text/javascript"></script>

應用JS文件

 

<select class="chzn-select" data-placeholder="Choose a Country" style="width:350px;" tabindex="1"> 
                <option value=""></option>  
                <option value="United States">United States</option>  
                <option value="United Kingdom">United Kingdom</option>  
                <option value="Afghanistan">Afghanistan</option>  
                <option value="Albania">Albania</option>  
              </select>

class設這為chzn-select

 

初始化：$(".chzn-select").chosen();

 

對select進行操作時候需注意如下：先刪除外部套用的層在經常操作，最后在加上$(".chzn-select").chosen();

 

var selectObj = $("#slectplat");
selectObj.parent().children().remove('div');
selectObj.removeClass();
$("#slectplat").val(_plat);
selectObj.addClass("chzn-select");
selectObj.chosen();