手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js获取当前select 元素值的代码
js获取当前select 元素值的代码
摘要:如果select元素下的所有option元素均没有指定selected属性,会默认选中第一个。可以通过select.selectedInde...

如果 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;

}

【js获取当前select 元素值的代码】相关文章:

父窗口获取弹出子窗口文本框的值

js实现异步循环实现代码

js控制网页前进和后退的方法

一些很实用且必用的小脚本代码第1/5页

设为首页 加入收藏的js代码

可输入的下拉框

Js和JQuery获取鼠标指针坐标的实现代码分享

js去字符串前后空格的实现方法

些很实用且必用的小脚本代码

javascript元素动态创建实现方法

精品推荐
分类导航