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

时间：2008-11-30 09:44:51  来源：http://www.biuuu.com/?p=29  作者：biuuu

在获取页面元素中，我们常常会通过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对象元素，实现所需要的功能。