js获取当前select 元素值的代码_Javascript教程-查字典教程网
js获取当前select 元素值的代码
js获取当前select 元素值的代码
发布时间:2016-12-30 来源:查字典编辑
摘要:如果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;

}

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类