« 禁用中间键+ctrl键盘同时使用代码enter or esc触发事件的代码 »

JQuery与javaScript如何获取select对象元素

在获取页面元素中,我们常常会通过select对象触发事件,通过选择下拉框中不同的值触发相应的事件,但对于如何获取select对象中相应元素 是WEB程序员经常需要用的,同时,随着JQuery的使用与普及,我将jQuery与javascript如何获取select对象元素总结一下,供参 考。

实例代码,简单清楚:

一,javascript代码实例:

select元素:

<select name="selectname" onchange="changeValue(this);">
<option value="biuuu.com">必优博客</option>
<option value="biuuu.cn">必优网</option>
</select>

javascript function代码:

function changeValue(obj){
obj.options[obj.selectedIndex].text
obj.options[obj.selectedIndex].value
}

其中obj.selectedIndex表示select的索引值,数字;obj.options[]表示option集合的数组,因 些,obj.options[obj.selectedIndex].text获取文本值,

如:必优博客;而obj.options[obj.selectedIndex].value获取select的值,如:biuuu.com

二,JQuery代码实例:

select元素:

<select name="selectname" id="selectname">
<option value="biuuu.com">必优博客</option>
<option value="biuuu.cn">必优网</option>
</select>

JQuery function代码:
$("#selectname").change(function(){
jQuery('option:selected', this).each(function(){
this.value
});
});

通过select的ID直接获取option值,this.value获取option的值,如:biuuu.com

使用非常简单,兼容firefox与IE,通过JQuery与javaScript获取select对象元素,实现所需要的功能。

  • 相关文章:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Arwen Build 81206

湘 ICP 备 06003756 号
Copyright 山寨 Rights Reserved.