确定是用的这个哦, 不然可往下看也没有什么意义了
突然发现如果用在省市选择发现有如下问题:
1,不能动态设置值
2,不能动态设置选中
看了好几遍API愣是米有发现有方法可以直接调用。">
首頁 > web前端 > js教程 > Jquery chosen動態設定值實例介紹_jquery

Jquery chosen動態設定值實例介紹_jquery

WBOY
發布: 2016-05-16 17:26:08
原創
1728 人瀏覽過

Jquery chosen 地址:https://github.com/harvesthq/chosen
一款選擇插件,支援檢索,多選,但不支援輸入效果如下圖
Jquery chosen動態設定值實例介紹_jquery 
確定是用的這個哦, 不然​​可往下看也沒有什麼意義了
突然發現如果用在省市選擇發現有如下問題:
1,不能動態設定值
2,不能動態設定選取
看了好幾遍API愣是米有發現有方法可以直接呼叫。沒辦法就看源碼,發現在其初始化的時候有一個判斷如下圖:
Jquery chosen動態設定值實例介紹_jquery 
發現有個destroy是不是("#city).chosen("destroy");就可以了呢。了二三個小時哇。 >
$("#province").change(function(){
$("#city").html("") ;

$("#city").chosen("destroy"); $("").appendTo("#city" ); $.getJSON("${ctx}/api/getCityByProvinceJson.jsp",{ province:$("#province").val() },function(data){ $.each(data,function(i){
$("" ).appendTo("#city");
});
$("#city").attr("multiple",true);

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


這樣便可動態設定值了,感覺程式碼有點重複,但目前還沒找到比較好的方法
下面解決第二個問題
用法跟上面相似,先給select設定值再用初始化下拉框,程式碼如下:




複製代碼

代碼如下:


$("#city").val("上海");
$("#city").chosen({
no_results_text : "找不到此選項!", width:"70 %" }); 這樣便可以動態設定選取了
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板