zoukankan      html  css  js  c++  java

  • 使用select下拉框，默认内容为空白，且选项内不显示空白项

    转自：http://blog.csdn.net/wzj2584454/article/details/60874919

    默认内容为空白，点击下拉框只显示除空白选项的其他正常选项。 

    有两种办法，一种纯css实现，一种借助js实现。

    JS方法：

    1. <body onload="load()">  
    2.     <select id="abc" >          
    3.         <option >1</option>      
    4.         <option >2</option>          
    5.         <option >3</option>          
    6.         <option >4</option>       
    7.     </select>  
    8. </body>  
    1. <script>    
    2. function load()    
    3. {    
    4.     var x = document.getElementById("abc");    
    5.     x.selectedIndex = -1;    
    6. }    
    7. </script>    

    CSS方法： 

    1. <option selected="selected" disabled="disabled"  style='display: none' value=''></option>  
    上面的option置于第一行即可。

    只保留：style='display: none'  效果也是一样的。
  • 相关阅读:
    [WP]XCTF-Reversing-Newbie_calculations
    [WP]BUUCTF-Reverse-基础题（1-12）
    [WP]XCTF-notsequence
    [WP]XCTF-easyre-153
    [WP]XCTF- 攻防世界-crypto-新手练习区
    [WP]XCTF-simple-check-100
    [WP]XCTF-SignIn
    [WP]XCTF-666
    [WP]XCTF-Reversing-x64Elf-100
    [WP]XCTF-流浪者
  • 原文地址：https://www.cnblogs.com/kukudelaomao/p/7055147.html
Copyright © 2011-2022 走看看