Jquery chosen動態設定值例項介紹

2021-07-25 11:36:06 字數 866 閱讀 6350

一款選擇外掛程式,支援檢索,多選,但不支援輸入效果如下圖 

確定是用的這個哦, 不然可往下看也沒有什麼意義了 

突然發現如果用在省市選擇發現有如下問題: 

1,不能動態設定值 

2,不能動態設定選中 

看了好幾遍api愣是公尺有發現有方法可以直接呼叫。沒辦法就看原始碼,發現在其初始化的時候有乙個判斷如下圖: 

發現有個destroy是不是("#city).chosen("destroy");就可以了呢。把猜想試了一下果然可以。在這之前除錯過其生成的dom想通過直接將其生成的dom移除掉,結果是不可行的,能移除掉,但是就再也無法初始化了。浪費了二三個小時哇。 

首先解決第乙個問題 

複製**

**如下:

$("#province").change(function()/api/getcitybyprovincejson.jsp",,function(data)); 

$("#city").attr("multiple",true); 

$("#city").chosen(); 

}); 

}); 

$("#city").chosen(); 

這樣便可動態設定值了,感覺**有點重複,但是目前還沒有找到比較好的方法 

下面解決第二個問題 

用法跟上面相似,先給select設定值再用初始化下拉框,**如下: 

複製**

**如下:

$("#city").val("上海"); 

$("#city").chosen(); 

這樣便可以動態設定選中了

jquery chosen動態設定值

突然發現如果用在省市選擇發現有如下問題 1,不能動態設定值 2,不能動態設定選中 看了好幾遍api愣是公尺有發現有方法可以直接呼叫。沒辦法就看原始碼,發現在其初始化的時候有乙個判斷如下圖 發現有個destroy是不是 city chosen destroy 就可以了呢。把猜想試了一下果然可以。在這之...

jquery chosen 外掛程式使用

附加,chosen選項列表 重點在於 1.每次更改之後的更新和初始化。2.當時專案中使用ajax返回動態拼接html時候的 第四個th,考核人 tbody tbody tbody tbody tbody if data i emp id else tbody emp id data i skpi c...

jQuery chosen下拉框檢索

參考url 參考demo chosen.jquery.js 搜尋框只能從頭匹配的解決思路 方法 改引數 推薦 chosen.jquery.js 搜尋框只能從頭匹配的解決思路 方法 改原始碼,不推薦 include file import.jsp 部門1部門2 部門3部門4 部門5 注意 cnaps ...