如何获取当前 select 元素的值
2013-11-04 16:14
411 查看
如果 select 元素下的所有 option 元素均没有指定 selected
属性,会默认选中第一个。
可以通过 select.selectedIndex 获取到选中的 option 元素的索引。
可以通过 select.options[select.selectedIndex] 获取到选中的 option
元素。
option 元素 <option selected="selected"
value="value3">text3</option>,可以通过
option.value 获得 option 元素的 value 属性值,即 value3;可以通过 option.text 获得
option 元素内的文本,即 text3。
如果 option 元素没有定义 value 属性,则 IE 中 option.value 无法获得,但
Safari、Opera、FireFox 依旧可以通过 option.value 获得,值同于 option.text 。
可以通过 option.attributes.value &&
option.attributes.value.specified 来判断 option 元素是否定义了 value 属性。
故,获得当前 select 元素值的脚本如下:
var getSelectValue = funtion(select) {
var idx =
select.selectedIndex,
option,
value;
if (idx
> -1) {
option = select.options[idx];
value = option.attributes.value;
return (value && value.specified) ?
option.value : option.text);
}
return
null;
}
属性,会默认选中第一个。
可以通过 select.selectedIndex 获取到选中的 option 元素的索引。
可以通过 select.options[select.selectedIndex] 获取到选中的 option
元素。
option 元素 <option selected="selected"
value="value3">text3</option>,可以通过
option.value 获得 option 元素的 value 属性值,即 value3;可以通过 option.text 获得
option 元素内的文本,即 text3。
如果 option 元素没有定义 value 属性,则 IE 中 option.value 无法获得,但
Safari、Opera、FireFox 依旧可以通过 option.value 获得,值同于 option.text 。
可以通过 option.attributes.value &&
option.attributes.value.specified 来判断 option 元素是否定义了 value 属性。
故,获得当前 select 元素值的脚本如下:
var getSelectValue = funtion(select) {
var idx =
select.selectedIndex,
option,
value;
if (idx
> -1) {
option = select.options[idx];
value = option.attributes.value;
return (value && value.specified) ?
option.value : option.text);
}
return
null;
}
相关文章推荐
- 用jquery如何获取select元素中当前选择的文本内容
- 如何获取当前 select 元素的值
- AngularJs在ng-click函数中如何获取代表当前元素的DOM对象
- cocos2d-x&nbsp;获取系统当前时间
- 绑定在标签中的事件如何获取当前元素
- 如何获取DOM中当前获取焦点的元素
- jQuery判断当前元素是第几个元素&获取第N个元素
- c++ 11 获取当前天0点的timestamp
- jQuery获取当前元素是该父元素的第几个元素&获取父元素的第n个子元素
- js 获取当前select元素值的代码
- Mysql&nbsp;中&nbsp;innodb&nbsp;如何获取用于&nbsp;生…
- Java&nbsp;Swing&nbsp;&nbsp;获取当前系统默认界面
- jquery 获取父窗口的元素 父窗口 …
- 原生js如何获取当前元素的同级元素
- JavaScript 实现获取当前时间
- js 获取当前select元素值的代码
- 获取当前的内存占用&nbsp;(纯Linux底层…
- iOS&nbsp;获取系统语言以及当前系…
- JQuery与javaScript如何获取select对象元素
- Oracle 在SQL*Plus中如何显示当前…