亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

Jquery chosen動(dòng)態(tài)設(shè)置值實(shí)例介紹

 更新時(shí)間：2013年08月08日 15:50:55   作者：  
Jquery chosen一款選擇插件，支持檢索，多選，但不支持輸入效果，下面與大家分享下其使用示例，感興趣的朋友可以參考下，希望對(duì)大家有所幫助
Jquery chosen 地址：https://github.com/harvesthq/chosen
一款選擇插件，支持檢索，多選，但不支持輸入效果如下圖
 
確定是用的這個(gè)哦， 不然可往下看也沒(méi)有什么意義了
突然發(fā)現(xiàn)如果用在省市選擇發(fā)現(xiàn)有如下問(wèn)題：
1，不能動(dòng)態(tài)設(shè)置值
2，不能動(dòng)態(tài)設(shè)置選中
看了好幾遍API愣是米有發(fā)現(xiàn)有方法可以直接調(diào)用。沒(méi)辦法就看源碼，發(fā)現(xiàn)在其初始化的時(shí)候有一個(gè)判斷如下圖：
 
發(fā)現(xiàn)有個(gè)destroy是不是("#city).chosen("destroy");就可以了呢。把猜想試了一下果然可以。在這之前調(diào)試過(guò)其生成的dom想通過(guò)直接將其生成的dom移除掉，結(jié)果是不可行的，能移除掉，但是就再也無(wú)法初始化了。浪費(fèi)了二三個(gè)小時(shí)哇。
首先解決第一個(gè)問(wèn)題
復(fù)制代碼 代碼如下:

<SPAN style="WHITE-SPACE: pre"> </SPAN>$("#province").change(function(){
$("#city").html("");
$("#city").chosen("destroy");
$("<option value='-1'>-全部-</option>").appendTo("#city");
$.getJSON("${ctx}/api/getCityByProvinceJson.jsp",{
province:$("#province").val()
},function(data){

$.each(data,function(i){
$("<option value='"+data[i].city+"'>"+data[i].city+"</option>").appendTo("#city");
});
$("#city").attr("multiple",true);

$("#city").chosen({
no_results_text : "未找到此選項(xiàng)!",
width:"70%"
});
});
});
$("#city").chosen({
no_results_text : "未找到此選項(xiàng)!",
width:"70%"
});

這樣便可動(dòng)態(tài)設(shè)置值了，感覺(jué)代碼有點(diǎn)重復(fù)，但是目前還沒(méi)有找到比較好的方法
下面解決第二個(gè)問(wèn)題
用法跟上面相似，先給select設(shè)置值再用初始化下拉框，代碼如下：
復(fù)制代碼 代碼如下:

<SPAN style="WHITE-SPACE: pre"> </SPAN>$("#city").val("上海");
$("#city").chosen({
no_results_text : "未找到此選項(xiàng)!",
width:"70%"
});

這樣便可以動(dòng)態(tài)設(shè)置選中了

相關(guān)文章

最新評(píng)論