插件之Chosen Select

官网: https://harvesthq.github.io/chosen/

引入js和css

• 网页的js 添加一下代码
  $(function(){ $(".chosen-select").chosen();})

• data-placeholder 当无数据可选时，显示data-placeholder的值，当第一个option为空时也显示此值。

• 添加 multiple 后变成多选框
  <select data-placeholder="Choose a country..." multiple class="chosen-select">

调用chosen（）时可以设置一些参数

• 可选数小于10时，隐藏搜索框
  $(".chosen-select").chosen({disable_search_threshold: 10});
• 搜索框搜不到数据时，显示的文字
  $(".chosen-select").chosen({no_results_text: "Oops, nothing found!"});
• 多选时限制多选框可选是数量
  $(".chosen-select").chosen({max_selected_options: 5});
• 多选时可以取消已选元素
  allow_single_deselect: true
• 多选时，选择数量超过限制时触发此函数
  $(".chosen-select").bind("chosen:maxselected", function () { ... });