(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事件属性。