select 元素可创建单选或多选菜单。当提交表单时，浏览器会提交选定的项目，或者收集用逗号分隔的多个选项，将其合成一个单独的参数列表，并且在将 <select>表单数据提交给服务器时包括 name 属性。
<select>标签可选的属性
属性 值 描述
disabled disabled 规定禁用该下拉列表。
multiple multiple 规定可选择多个选项。
namename规定下拉列表的名称。
sizenumber 规定下拉列表中可见选项的数目。
<select>标签全局属性
<select>标签支持 HTML 中的全局属性。
<select>标签事件属性
<select>标签支持 HTML 中的事件属性。
html中清空select标签中的值方法如下：
准备材料：html+jquery、代码编辑器
1、新建一个html文件，命名为test.html，使用jquery清除select中的所有option。
2、在test.html文件内,使用select和option标签创建一个下拉选择框，代码如下：
3、在test.html文件内,设置select的id为myselect，用于下面通过该id获得select对象。
4、在test.html文件内，使用button标签创建一个按钮，按钮名称为“清除所有option”。
5、在test.html文件内，给button按钮绑定onclick点击事件，当按钮被点击时，执行deloption（）函数。
6、在js标签中，创建deloption()函数，在函数内，通过id获得select对象，使用find()方法获得所有的option对象，使用remove()方法来实现删除所有option。
7、在浏览器打开test.html文件，
8、点击按钮，查看实现的效果。
在HTML页面中，获取当前select元素中所选中的那个值和显示值。
<tr>
<th scope="row" width="15%" nowrap >*目标字段</th>
<td><select name="idMbzd" style="width:25%" onchang=”on_idmbzd_change()”>
<option value=”1”>eg1</option>
<option value=”2”>eg2</option>
<option value=”3”>eg2</option>
</select>
</td>
</tr>
<script>
function on_idmbzd_change(){
var sel_obj = document.getElementByIdx("idMbzd ")；
var index = sel_obj.selectedIndex
alert(sel_obj.options[index].value)
alert(sel_obj.options[index].text)
}
</script>
设置select元素的选中项：
通过<select>的属性来设置选中项，此方法可以在动态语言如php在后台根据需要控制输出结果。
<select id = "sel" >
<option value = "1" >1</ option >
<option value = "2" selected = "selected" >2</ option >
<option value = "3" >3</ option >
</ select >
扩展资料超文本标记语言（外国语简称：HTML）标记标签通常被称为HTML标签，HTML标签是HTML语言中最基本的单位，HTML标签是HTML（标准通用标记语言下的一个应用）最重要的组成部分。
HTML标签的大小写无关的，例如“主体”<body>跟<BODY>表示的意思是一样的，推荐使用小写。
参考资料来源：百度百科-HTML欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）