Header add

 To show country flag like below in Jquery dropdown you can follow below steps.



  1. <link href="~/Content/countrySelect.min.css" rel="stylesheet" />  
  2. <script src="~/Scripts/jquery-3.4.1.min.js"></script>  
  3.   
  4. <script src="~/Scripts/countrySelect.min.js"></script>  
  5.   
  6.   
  7. <form>  
  8.     <div>Selector Plugin</div>  
  9.     <div class="form-item">  
  10.         <input id="country_selector" type="text">  
  11.        
  12.     </div>  
  13.     <div class="form-item" style="display:none;">  
  14.         <input type="text" id="country_selector_code" name="country_selector_code" data-countrycodeinput="1" readonly="readonly" placeholder="Selected country code will appear here" />  
  15.        
  16.     </div>  
  17.      
  18. </form>  
  19.   
  20. <script>  
  21.     $("#country_selector").countrySelect({  
  22.         preferredCountries: ['ind''pak''aus']  
  23.     });  
  24. </script> 



Post a Comment

Previous Post Next Post