（www.169it.com）
HTML select <option> 标签有什么作用？
如何使用Html Select中option标签的selected属性设置默认选择项？
给某个option 添加 selected = "selected" 属性就是默认选项。
<select id="isAudit" name="isAudit">
<option value="2">全部</option>
<option value="1" selected = "selected">通过</option>
<option value="0">未通过</option>
</select>
上面实例中的select下的option选项内容为“通过”的为默认选中。
如何指定html中select option控件的宽度？
可以使用CSS来控制select标签的宽度，如：
<style type="text/css">
.ddlWidth
{
width: 1000px;
}
</style>
<select class="ddlWidth"><!--样式也可以嵌套在标签里面如：<select style="width:1000px;">-->
<option value="value">text</option>
<option value="value">text</option>
<option value="value">text</option>
<option value="value">text</option>
</select>js如何获取select标签选中的值？
主要有以下几种方法
js获取select option选中的值方法:
var obj = document.getElementByIdx_x(”testSelect”); //定位id
var index = obj.selectedIndex; // 选中索引
var text = obj.options[index].text; // 选中文本
var value = obj.options[index].value; // 选中值
jQuery中select option选中的值方法:
第一种方式
$('#testSelect option:selected').text();//选中的文本
$('#testSelect option:selected') .val();//选中的值
$("#testSelect ").get(0).selectedIndex;//索引第二种方式
$("#tesetSelect").find("option:selected").text();//选中的文本
…….val();
…….get(0).selectedIndex;
实例
创建带有 4 个选项的选择列表：
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
大多数主流浏览器支持 <option> 标签。
标签定义及使用说明
The <option> 标签定义下拉列表中的一个选项（一个条目）。
<option> 标签中的内容作为 <select> 或者<datalist> 一个元素使用。
注释：<option> 标签可以在不带有任何属性的情况下使用，但是您通常需要使用 value 属性，此属性会指示出被送往服务器的内容。
注释：请与 select 元素配合使用此标签，否则这个标签是没有意义的。
提示：如果列表选项很多，可以使用 <optgroup> 标签对相关选项进行组合。
属性
| 属性 | 值 | 描述 |
|---|
| disabled | disabled | 规定此选项应在首次加载时被禁用。 |
| label | text | 定义当使用 <optgroup> 时所使用的标注。 |
| selected | selected | 规定选项（在首次显示在列表中时）表现为选中状态。 |
| value | text | 定义送往服务器的选项值。 |
HTML <option> 标签的 selected 属性详细介绍
selected 属性实例
带有预先选定的选项的下拉列表：
<select>
<option>Volvo</option>
<option selected="selected">Saab</option>
<option>Mercedes</option>
<option>Audi</option>
</select>
selected 属性定义和用法
selected 属性规定在页面加载时预先选定该选项。
被预选的选项会显示在下拉列表最前面的位置。
也可以在页面加载后通过 JavaScript 设置 selected 属性。
所有浏览器都支持 selected 属性。
selected 属性语法
<option selected="value">
属性值
值 描述
selected 预先选择一个选项。
HTML <option> 标签的 value 属性详细介绍
value 属性实例
带有发送到服务器的值的下拉列表：
<select>
<option value="volvo">Volvo XC90</option>
<option value="saab">Saab 95</option>
<option value="mercedes">Mercedes SLK</option>
<option value="audi">Audi TT</option>
</select>
value 属性定义和用法
value 属性规定在表单被提交时被发送到服务器的值。
<option> 与 <option/> 之间的值是浏览器显示在下拉列表中的内容，而 value 属性中的值是表单被提交时被发送到服务器的值。
注释：如果没有指定 value 属性，选项的值将设置为 <option> 标签中的内容。
value 属性语法
<option value="value">
属性值
值 描述
value 发送到服务器的值。
<option> 标签支持全局属性，查看完整属性表 HTML全局属性。
<option> 标签支持所有 HTML事件属性。
-
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载,整理或搜集自网络.欢迎任何形式的转载，转载请注明出处.
转载请注明：文章转载自:[169IT-IT技术资讯]
本文标题:HTML <option> 标签
