首页>>表单>>下拉菜单select带图标(2019-10-09)

下拉菜单select带图标

下拉菜单select带图标
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="container">  
  2.     <form>  
  3.       <div class="form-item">  
  4.         <input id="country_selector" type="text">  
  5.         <label for="country_selector" style="display:none;">Select a country here...</label>  
  6.       </div>  
  7.       <div class="form-item" style="display:none;">  
  8.         <input type="text" id="country_selector_code" name="country_selector_code" data-countrycodeinput="1" readonly="readonly" placeholder="Selected country code will appear here" />  
  9.         <label for="country_selector_code">...and the selected country code will be updated here</label>  
  10.       </div>  
  11.       <button type="submit" style="display:none;">Submit</button>  
  12.     </form>  
  13.   </div>  

 

JavaScript Code
  1. <script>  
  2.             $("#country_selector").countrySelect({  
  3.                 preferredCountries: ['cn', 'gb', 'us']  
  4.             });  
  5.         </script>  

 


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