网络编程 
首页 > 网络编程 > 浏览文章

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

(编辑:jimmy 日期: 2026/11/3 浏览:3 次 )
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))">
最好是绑定事件。
上一篇:js LZ77算法的实现代码
下一篇:javascript 数组学习资料收集
一句话新闻
一文看懂荣耀MagicBook Pro 16
荣耀猎人回归!七大亮点看懂不只是轻薄本,更是游戏本的MagicBook Pro 16.
人们对于笔记本电脑有一个固有印象:要么轻薄但性能一般,要么性能强劲但笨重臃肿。然而,今年荣耀新推出的MagicBook Pro 16刷新了人们的认知——发布会上,荣耀宣布猎人游戏本正式回归,称其继承了荣耀 HUNTER 基因,并自信地为其打出“轻薄本,更是游戏本”的口号。
众所周知,寻求轻薄本的用户普遍更看重便携性、外观造型、静谧性和打字办公等用机体验,而寻求游戏本的用户则普遍更看重硬件配置、性能释放等硬核指标。把两个看似难以相干的产品融合到一起,我们不禁对它产生了强烈的好奇:作为代表荣耀猎人游戏本的跨界新物种,它究竟做了哪些平衡以兼顾不同人群的各类需求呢?