作家
登录

js 获取当前select元素值的代码

作者: 来源:www.28hudong.com 2013-03-30 01:41:02 阅读 我要评论

1、如果 select 元素下的所有 option 元素均没有指定 selected 属性,会默认选中第一个。 2、可以通过 select.selectedIndex 获取到选中的 option 元素的索引。 3、可以通过 select.options[select.selectedIndex] 获取到选中的 option 元素。 4、option 元素 <option selected="selected" value="value3">text3</option>,可以通过 option.value 获得 option 元素的 value 属性值,即 value3;可以通过 option.text 获得 option 元素内的文本,即 text3。 5、如果 option 元素没有定义 value 属性,则 IE 中 option.value 无法获得,但 Safari、Opera、FireFox 依旧可以通过 option.value 获得,值同于 option.text 。 6、可以通过 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; } 以前由于兼容性问题,大家用select.options[select.sekectedIndex].value来取值,不过现在用select.value都可以了 脚本之家 服务器软件 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]事件触发也可以用 <select id="jb51net" onchange="alert(getSelectValue(this))">最好是绑定事件。

  推荐阅读

  Javascript 判断Flash是否加载完成的代码

先定义进度条显示层: 复制代码 代码如下: <div><span class="intro">下载进度:</span> <div class="barborder"> <div class="bar" id="loadpercent"></div> </div> </div> 定义广告层: 复制代码 代码如下: <di>>>详细阅读


本文标题:js 获取当前select元素值的代码

地址:http://www.17bianji.com/kaifa2/JS/26626.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)