设置select下拉菜单的默认选中项

简介:

如果不给select下拉菜单设置默认选中项,那么一个option项就会被默认选中,但是也可以人为的设置哪一个option是默认选中项,代码实例如下:


01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
< html
< head
< meta charset = " utf-8"
< meta name = "author" content = "http://www.softwhy.com/" /> 
< title >蚂蚁部落</ title
</ head >  
< body
< select >
   < option >蚂蚁部落一</ option >
   < option selected>蚂蚁部落二</ option >
   < option >蚂蚁部落三</ option >
   < option >蚂蚁部落四</ option >
   < option >蚂蚁部落五</ option >
</ select >
</ body
</ html >

上面的代码可以设置第二个option元素为默认选中项,使用selected属性即可。


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

本文作者:admin

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


相关文章
|
8月前
单选框设置默认选中
单选框设置默认选中
86 1
|
8月前
|
JavaScript
Element_select 选择器 选中框中显示不了选中的值
解决Vue中`el-select`选择器不显示选中值的问题:在`selectChanged`方法中添加`this.$forceUpdate()`,强制组件更新,使输入框显示选择的值。示例代码包括模板和方法。
992 2
|
5月前
|
JavaScript 前端开发
Vue实现Element UI框架的自定义输入框或下拉框在输入时对列表选项进行过滤,以及右键列表选项弹出菜单进行删除
本文介绍了如何在Vue框架结合Element UI库实现自定义输入框或下拉框,在输入时对列表选项进行过滤,并支持右键点击列表选项弹出菜单进行删除的功能。
133 0
|
6月前
Element UI 多选表格--判断勾选数据行的 Checkbox 时为选中还是取消选中
Element UI 多选表格--判断勾选数据行的 Checkbox 时为选中还是取消选中
78 1
|
JavaScript
JS设置select下拉框默认选中
JS设置select下拉框默认选中
139 0
vxe-table可编辑状态默认显示下拉选select为默认展示
vxe-table可编辑状态默认显示下拉选select为默认展示
html+css实战34-单选功能和默认选中
html+css实战34-单选功能和默认选中
136 0
html+css实战34-单选功能和默认选中
|
JavaScript
【mpvue】radio-group 标签组设置默认选择checked: 'true',选择了单选按钮的非默认选项,再点击其他的选择,单选按钮又会变成默认的选项
1、问题举例描述: radio-group 标签组设置默认选择checked: ‘true’,选择了单选按钮的非默认选项(场外),再点击其他的选择(手续费率),单选按钮又会变成默认的选项(场内) 默认状态如下:
554 0
【mpvue】radio-group 标签组设置默认选择checked: 'true',选择了单选按钮的非默认选项,再点击其他的选择,单选按钮又会变成默认的选项
|
数据库
【TP5】select下拉框的默认显示父级
【TP5】select下拉框的默认显示父级
292 0
【TP5】select下拉框的默认显示父级
|
JavaScript
使用jQuery 中的显示与隐藏动画效果实现折叠下拉菜单的收缩和展开,在页面的列表中有若干项,列表的每项中有一个二级列表,二级列表默认为隐藏状态。点击列表的项,切换二级列表的显示或隐藏状态
使用jQuery 中的显示与隐藏动画效果实现折叠下拉菜单的收缩和展开,在页面的列表中有若干项,列表的每项中有一个二级列表,二级列表默认为隐藏状态。点击列表的项,切换二级列表的显示或隐藏状态
445 0
使用jQuery 中的显示与隐藏动画效果实现折叠下拉菜单的收缩和展开,在页面的列表中有若干项,列表的每项中有一个二级列表,二级列表默认为隐藏状态。点击列表的项,切换二级列表的显示或隐藏状态

热门文章

最新文章

下一篇
开通oss服务