国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板: 濉溪县| 修水县| 宁南县| 建水县| 神池县| 壤塘县| 秀山| 洛南县| 田阳县| 通道| 宿迁市| 景泰县| 阿拉善盟| 大理市| 两当县| 聂拉木县| 佛学| 都匀市| 涡阳县| 行唐县| 玉门市| 长乐市| 河池市| 常德市| 塘沽区| 云安县| 巍山| 乌拉特前旗| 富顺县| 昭觉县| 会宁县| 项城市| 申扎县| 察隅县| 忻城县| 彩票| 五大连池市| 澄城县| 辽源市| 连江县| 通辽市|