Jquery Chosen是一款非常方便的表單插件,可以幫助開發人員快速構建出漂亮的表單,其中包括分頁功能。分頁功能可以讓我們的數據更加清晰、易懂。當然,我們需要根據自己的需求去選擇合適的分頁插件。
$("#select").chosen({ allow_single_deselect: true, search_contains: true, no_results_text: "未找到匹配項", disable_search_threshold: 10, display_disabled_options: false }); $("#select").next('.chosen-container').on('mousedown',function(e){ if($(this).find('.no-results').length>0){ $(this).removeClass('chosen-container-active'); } });
上面是一個簡單的Chosen分頁代碼,其中一些參數作用解析如下:
allow_single_deselect:true
在選擇框中增加‘無’的選項。search_contains:true
是否開啟模糊匹配搜索。no_results_text:"未找到匹配項"
當用戶搜索不到匹配的選項時,顯示的信息文本。disable_search_threshold:10
當選項數量小于10時,隱藏搜索框。display_disabled_options:false
當選項被禁用時,不顯示在下拉框中。
由于Chosen是基于Jquery開發的,所以使用起來非常靈活。我們可以自定義Chosen的樣式和功能,進一步滿足自己的需求。Chosen不僅僅支持分頁,還支持自動完成、多選、禁用等等功能,具體使用可以參考官方文檔。
上一篇mysql一直安裝不響應
下一篇半圓動態css