手机
当前位置:查字典教程网 >编程开发 >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 元素值的代码】相关文章:

Ctrl + Enter提交前检测的代码

如何用JS取得网址中的文件名

Javascript随机显示图片的源代码

打印/预览/设置的客户端代码

js+html5获取用户地理位置信息并在Google地图上显示的方法

Select的OnChange()事件

一段实时更新的时间代码

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

js实现异步循环实现代码

jQuery子窗体取得父窗体元素的方法

精品推荐
分类导航