js插件chosen（js插件開發）

本文目錄一覽：

• 1、jquery.chosen.js 在模糊搜索的時候，只能夠匹配以相同 字符開頭的 選項，現在我想要匹配所有項目，譬如
• 2、jquery chosen這個插件，怎麼樣才能讓下拉框向上開啟
• 3、如何獲取 chosen chosen.jquery.js 選中的值
• 4、如何觸發下拉框下拉事件
• 5、jquery插件Chosen怎麼設置result個數大於5時出現滾動條
• 6、最近在使用chosen這個jQuery插件，想要使optgroup能被點擊，點擊組的名字自動全選該組中的所有選項。

jquery.chosen.js 在模糊搜索的時候，只能夠匹配以相同 字符開頭的 選項，現在我想要匹配所有項目，譬如

模糊查詢時，chosen默認從第一個字符搜索，所以寫中間的字符搜索時，是搜索不出來的

–下面的js中（search_contains屬性為true即可）可以讓chosen搜索選項的中間及末尾字符

no_results_text是搜索不到內容時，顯示的提示語

placeholder_text是下拉選項默認顯示的文字

disable_search_threshold是select的option選項大於等於此值，才會顯示查詢的文本框

jQuery(“.chosen”).chosen({

no_results_text: “My language message.”,

placeholder_text : “My language message.”,

search_contains: true,

disable_search_threshold: 10

});

或者是直接將jquery.chosen.js的源碼修改了

將this.search_contains = this.options.search_contains || !1

改為this.search_contains = true || !1

jquery chosen這個插件，怎麼樣才能讓下拉框向上開啟

可以在觸發彈出自動補全下拉菜單的地方，再獲取一次當前窗口的z-index屬性，+1賦給自動補全菜單~這個trick不知滿意不

如何獲取 chosen chosen.jquery.js 選中的值

假設選項固定，需要通過代碼修改選中項，處理順序為

1、先將原有選中項刪除

$(“#XXXX option[selected=’selected’]”).attr(‘selected’,false);

2、設定新的選中項

$(“#XXXX option[value=’aaa’]”).attr(“selected”,true);

3、重新刷新chosen

if ($(“#XXXX”).hasClass(‘chzn-done’))

$(“#XXXX”).chosen(‘destroy’);

$(“#XXXX”).chosen(…);

如何觸發下拉框下拉事件

下面介紹兩種方式，主要給出插件代碼：

1，可以手動寫js，設置下拉框為多選下拉框。

2，也可以使用對應的插件，比如zui.sexy中chosen插件，非常的專業好用。當然還有其他的前端插件，都是可以用的。

插件代碼（對應的js包需要自己導入，這裡給出關鍵實現代碼）：

select data-placeholder=”選擇一些愛吃的水果…” class=”chosen-select form-control” tabindex=”2″ multiple=””

  option value=”strawberries”草莓/option

  option value=”apple”蘋果/option

  option value=”orange”橙子/option

  option value=”cherry”櫻桃/option

  option value=”banana”香蕉/option

  option value=”figs”無花果/option

/select

!– 下面的代碼為插件的具體實現 —

$(‘select.chosen-select’).chosen({

    no_results_text: ‘沒有找到’,    // 當檢索時沒有找到匹配項時顯示的提示文本

    disable_search_threshold: 10, // 10 個以下的選擇項則不顯示檢索框

    search_contains: true         // 從任意位置開始檢索

});

導入對應的js包，利用上面的代碼，即可實現多選下拉框的需求，截圖如下：

成功完美的實現！

jquery插件Chosen怎麼設置result個數大於5時出現滾動條

你好 凡是問題都是能解決的，不能解決的被統稱為未知的，所以可以去這個網站上看看。這裏面有詳細的說明跟例子。望採納，開發要學會看官網的文檔網頁鏈接

最近在使用chosen這個jQuery插件，想要使optgroup能被點擊，點擊組的名字自動全選該組中的所有選項。

這個插件挺好的，只是，多選的時候需要多次點擊才可以，而且每次都要重新獲取焦點，沒有全選按鈕，建議在他的js中根據需求開發擴展，我也正在研究這個插件。