国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 編程 > JavaScript > 正文

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

2019-11-20 22:26:08
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友
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è)置選中了
發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 昭苏县| 五莲县| 贺州市| 蓬安县| 霍林郭勒市| 澎湖县| 婺源县| 伊吾县| 胶南市| 屯门区| 磐石市| 淮北市| 铜陵市| 黑河市| 舟山市| 浦东新区| 仁怀市| 百色市| 武宣县| 桦川县| 简阳市| 海林市| 天等县| 泾源县| 阿巴嘎旗| 青川县| 洞头县| 乐陵市| 宾川县| 玛沁县| 新绛县| 太谷县| 安国市| 岗巴县| 周口市| 客服| 竹溪县| 博湖县| 高邑县| 静安区| 龙泉市|