如何设置select下拉菜单option项显示的数目

简介:

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

 
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
<!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 >

只要给select标签添加size属性即可,存在一定的兼容性问题,当然谷歌浏览器不支持。



原文发布时间为:2017-2-13

本文作者:admin

本文来自云栖社区合作伙伴“蚂蚁部落”,了解相关信息可以关注蚂蚁部落

原文链接:如何设置select下拉菜单option项显示的数目

相关文章
element-ui table排序sortable三种状态,怎么去掉默认状态
在 element-ui 中,也定义了 sort-orders 有三种状态: ascending、descending、null,这三种状态形成一个循环切换。
2628 0
|
2月前
<select>标记和<option>标签的常用属性
<select>标记和<option>标签的常用属性
40 2
|
6月前
|
JavaScript
Element_select 选择器 选中框中显示不了选中的值
解决Vue中`el-select`选择器不显示选中值的问题:在`selectChanged`方法中添加`this.$forceUpdate()`,强制组件更新,使输入框显示选择的值。示例代码包括模板和方法。
893 2
|
4月前
Element UI 多选表格--判断勾选数据行的 Checkbox 时为选中还是取消选中
Element UI 多选表格--判断勾选数据行的 Checkbox 时为选中还是取消选中
50 1
|
6月前
el-select如何自定义下拉选项框的宽度
el-select如何自定义下拉选项框的宽度
900 0
select下拉框默认option为灰色,选中option颜色为白色
select下拉框默认option为灰色,选中option颜色为白色
137 0
通过select下拉框里的value控制div显示与隐藏
通过select下拉框里的value控制div显示与隐藏
80 0
vxe-table可编辑状态默认显示下拉选select为默认展示
vxe-table可编辑状态默认显示下拉选select为默认展示
|
前端开发
Element-ui中 实现多选表格(Table)增加 ‘全选’ 字样
Element-ui中 实现多选表格(Table)增加 ‘全选’ 字样
1183 0
Element-ui中 实现多选表格(Table)增加 ‘全选’ 字样