首页>>表单>>select搜索与多选，支持单选与复选框 移动端适配(2019-03-16)

select搜索与多选，支持单选与复选框 移动端适配

select搜索与多选，支持单选与复选框 移动端适配
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div>  
  2.     <h5>单选</h5>  
  3.     <select name="search" id="search" data-selector>  
  4.         <option value="">请选择</option>  
  5.     </select>  
  6. </div>  
  7. <div>  
  8.     <h5>多选</h5>  
  9.     <select name="searchs" id="searchs" data-selector data-selector-checks="true">  
  10.         <option value="">请选择</option>  
  11.     </select>  
  12. </div>  

 

JavaScript Code
  1. function get_options() {  
  2.     $("select").each(function () {  
  3.         $(this).empty();  
  4.         var html = "<option value=''>请选择</option>";  
  5.         $.each(city, function (i, v) {  
  6.             $.each(v, function (k, items) {  
  7.                 html += "<option value='" + k + "'>" + items.name + "</option>";  
  8.             })  
  9.         });  
  10.         $(this).html(html);  
  11.         if ($(this).data("selector")) {  
  12.             $(this).next(".verSelector").find(".verSelector-option").html(html)  
  13.         }  
  14.   
  15.     });  
  16. }  
  17.   
  18. $(function () {  
  19.     get_options();  
  20. })  

 


原文地址:http://www.freejs.net/article_biaodan_733.html