您的位置:首页 > 其它

如何获取当前 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;

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: