如何设置select下拉菜单option项显示的数目-优快云博客

本文介绍如何通过设置HTML中select标签的size属性来控制下拉菜单可见选项的数量，并提供了一个示例代码。需要注意的是，这种方法在某些浏览器中可能有兼容性问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本章节介绍一下如何设置select下拉菜单的可见的option项的数目，代码如下:

          <!DOCTYPE html>
         
 
          <
          html
          > 
         
 
          <
          head
          > 
         
 
          <
          meta 
          charset
          =
          " utf-8"
          > 
         
 
          <
          meta 
          name
          =
          "author" 
          content
          =
          "http://www.softwhy.com/" 
          /> 
         
 
          <
          title
          >蚂蚁部落</
          title
          > 
         
 
          </
          head
          > 
         
 
          <
          body
          > 
         
 
          <
          select 
          name
          =
          "sel" 
          size
          =
          "2"
          > 
         
 
            
          <
          option 
          value
          =
          "1"
          >蚂蚁部落一</
          option
          > 
         
 
            
          <
          option 
          value
          =
          "2"
          >蚂蚁部落二</
          option
          > 
         
 
            
          <
          option 
          value
          =
          "3"
          >蚂蚁部落三</
          option
          > 
         
 
            
          <
          option 
          value
          =
          "4"
          >蚂蚁部落四</
          option
          > 
         
 
          </
          select
          > 
         
 
          </
          body
          > 
         
 
          </
          html
          > 
         