首页>>Jquery文字>>selectMe 下拉框里面复选框和单选框效果(2018-09-12)

selectMe 下拉框里面复选框和单选框效果

selectMe 下拉框里面复选框和单选框效果
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <form action="#" method="get">  
  2.         <h3>复选</h3>  
  3.         <p>  
  4.             <select id="first" name="first" multiple>  
  5.                 <option value="1">Iron Maiden</option>  
  6.                 <option value="2">Metallica</option>  
  7.                 <option value="3">Slayer</option>  
  8.                 <option value="4">Judas Priest</option>  
  9.                 <option value="5">Megadeath</option>  
  10.                 <option value="6">Black Sabbath</option>  
  11.                 <option value="7">Pantera</option>  
  12.                 <option value="8">Death</option>  
  13.                 <option value="9">Motörhead</option>  
  14.                 <option value="10">Anthrax</option>  
  15.                 <option value="11">Guns N' Roses</option>  
  16.                 <option value="12">Deep Purple</option>  
  17.                 <option value="13">Slipknot</option>  
  18.                 <option value="14">Lamb of God</option>  
  19.                 <option value="15">Type O Negative</option>  
  20.                 <option value="16">AC/DC</option>  
  21.                 <option value="17">Papa Roach</option>  
  22.                 <option value="18">System of a Down</option>  
  23.                 <option value="19">Mastodon</option>  
  24.                 <option value="20">Opeth</option>  
  25.             </select>  
  26.         </p>  
  27.         <h3>单选</h3>  
  28.         <p>  
  29.             <select id="second" name="second">  
  30.                 <option value="1">Iron Maiden</option>  
  31.                 <option value="2">Metallica</option>  
  32.                 <option value="3">Slayer</option>  
  33.                 <option value="4">Judas Priest</option>  
  34.                 <option value="5">Megadeath</option>  
  35.                 <option value="6">Black Sabbath</option>  
  36.                 <option value="7">Pantera</option>  
  37.                 <option value="8">Death</option>  
  38.                 <option value="9">Motörhead</option>  
  39.                 <option value="10">Anthrax</option>  
  40.                 <option value="11">Guns N' Roses</option>  
  41.                 <option value="12">Deep Purple</option>  
  42.                 <option value="13">Slipknot</option>  
  43.                 <option value="14">Lamb of God</option>  
  44.                 <option value="15">Type O Negative</option>  
  45.                 <option value="16">AC/DC</option>  
  46.                 <option value="17">Papa Roach</option>  
  47.                 <option value="18">System of a Down</option>  
  48.                 <option value="19">Mastodon</option>  
  49.                 <option value="20">Opeth</option>  
  50.             </select></p>  
  51.         <input type="submit" value="Submit" />  
  52.     </form>  

 

JavaScript Code
  1. <script>  
  2.         $.noConflict();  
  3.         jQuery('#first').selectMe(  
  4.             {  
  5.                 width: '300px',   
  6.                 columnCount: 2,   
  7.                 search: true,  
  8.             }  
  9.         );  
  10.         jQuery('#second').selectMe(  
  11.       {  
  12.         width: '300px',   
  13.         columnCount: 2,   
  14.         search: true,  
  15.       }  
  16.     );  
  17.     </script>  

 


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