麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

Jquery chosen動態設置值實例介紹

2019-11-20 22:26:08
字體:
來源:轉載
供稿:網友
Jquery chosen 地址:https://github.com/harvesthq/chosen
一款選擇插件,支持檢索,多選,但不支持輸入效果如下圖
 
確定是用的這個哦, 不然可往下看也沒有什么意義了
突然發現如果用在省市選擇發現有如下問題:
1,不能動態設置值
2,不能動態設置選中
看了好幾遍API愣是米有發現有方法可以直接調用。沒辦法就看源碼,發現在其初始化的時候有一個判斷如下圖:
 
發現有個destroy是不是("#city).chosen("destroy");就可以了呢。把猜想試了一下果然可以。在這之前調試過其生成的dom想通過直接將其生成的dom移除掉,結果是不可行的,能移除掉,但是就再也無法初始化了。浪費了二三個小時哇。
首先解決第一個問題
復制代碼 代碼如下:

<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 : "未找到此選項!",
width:"70%"
});
});
});
$("#city").chosen({
no_results_text : "未找到此選項!",
width:"70%"
});

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

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

這樣便可以動態設置選中了
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 欧美成年私人网站 | 国产一区精品在线观看 | 黄污网址 | av在线中文 | 91短视频网页版 | 越南一级黄色片 | 9丨九色丨国产 | 午夜视频免费播放 | 欧美一级毛片美99毛片 | 蜜桃精品视频在线观看 | 天天夜天天操 | 日本a v免费观看 | 成人午夜视频在线观看免费 | 羞羞的视频在线观看 | 毛片免费视频在线观看 | 成人午夜毛片 | av免费在线播放 | 欧美视频一区二区三区在线观看 | av免费不卡国产观看 | 2019天天干夜夜操 | 一级看片免费视频 | 中文字幕在线永久视频 | 青青草成人影视 | 欧美精品免费一区二区三区 | 日韩欧美精品电影 | 天天色宗合 | 在线a毛片免费视频观看 | 亚洲第一色片 | 国产精品成人一区二区三区吃奶 | www69xxxxx| 久久精品毛片 | 在线播放免费人成毛片乱码 | 午夜精品毛片 | 中文字幕爱爱视频 | 日本黄色免费观看视频 | 久久精品国产99久久久古代 | 欧美电影在线观看 | 免费国产一级特黄久久 | 一级大片久久 | 欧美一级做一级爱a做片性 久久久资源网 | 意大利av在线|