JS技术

Javascript获得当前select元素值的脚本_Javascript教程

字号+ 作者:H5之家 来源:H5之家 2015-10-01 11:20 我要评论( )

Javascript获得当前select元素值的脚本,学习Javascript获得当前select元素值的脚本,Javascript获得当前select元素值的脚本,查看Javascript获得当前select元素值

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

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • js事件与处理_Javascript教程

    js事件与处理_Javascript教程

    2015-10-10 15:06

  • js对象属性及方法_Javascript教程

    js对象属性及方法_Javascript教程

    2015-10-10 15:04

  • js语句及语法_Javascript教程

    js语句及语法_Javascript教程

    2015-10-10 15:02

  • js数据类型与变量_Javascript教程

    js数据类型与变量_Javascript教程

    2015-10-10 15:00

网友点评