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

简介:

本章节介绍一下如何设置select下拉菜单的默认项,代码非常的简单:

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

只要在响应的option项上添加selected属性即可。


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

本文作者:admin

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

原文链接:设置select下拉菜单的默认选中项


相关文章
|
16天前
单选框设置默认选中
单选框设置默认选中
16 1
|
7天前
|
JavaScript
Element_select 选择器 选中框中显示不了选中的值
解决Vue中`el-select`选择器不显示选中值的问题:在`selectChanged`方法中添加`this.$forceUpdate()`,强制组件更新,使输入框显示选择的值。示例代码包括模板和方法。
|
1月前
el-select如何自定义下拉选项框的宽度
el-select如何自定义下拉选项框的宽度
84 0
|
5月前
select框默认选项为空白
select框默认选项为空白
|
5月前
|
JavaScript
JS设置select下拉框默认选中
JS设置select下拉框默认选中
|
5月前
vxe-table可编辑状态默认显示下拉选select为默认展示
vxe-table可编辑状态默认显示下拉选select为默认展示
|
JavaScript 开发工具 git
Element-ui中 表格(Table)组件中 toggleRowSelection 方法设置默认多选项 无法选中解决思路
Element-ui中 表格(Table)组件中 toggleRowSelection 方法设置默认多选项 无法选中解决思路
955 0
Element-ui中 表格(Table)组件中 toggleRowSelection 方法设置默认多选项 无法选中解决思路
html+css实战34-单选功能和默认选中
html+css实战34-单选功能和默认选中
104 0
html+css实战34-单选功能和默认选中
|
JavaScript
【mpvue】radio-group 标签组设置默认选择checked: 'true',选择了单选按钮的非默认选项,再点击其他的选择,单选按钮又会变成默认的选项
1、问题举例描述: radio-group 标签组设置默认选择checked: ‘true’,选择了单选按钮的非默认选项(场外),再点击其他的选择(手续费率),单选按钮又会变成默认的选项(场内) 默认状态如下:
383 0
【mpvue】radio-group 标签组设置默认选择checked: 'true',选择了单选按钮的非默认选项,再点击其他的选择,单选按钮又会变成默认的选项
|
数据库
【TP5】select下拉框的默认显示父级
【TP5】select下拉框的默认显示父级
245 0
【TP5】select下拉框的默认显示父级