上一篇
下一篇
JQuery与javaScript如何获取select对象元素
作者:rainweb 日期:2009-05-04
在获取页面元素中，我们常常会通过select对象触发事件，通过选择下拉框中不同的值触发相应的事件，但对于如何获取select对象中相应元素是WEB程序员经常需要用的，同时，随着JQuery的使用与普及，将jQuery与javascript如何获取select对象元素总结一下，供参考。
一，javascript代码实例：
select元素:
javascript function代码：
JQuery function代码：
通过select的ID直接获取option值，this.value获取option的值，如：google.com
使用非常简单，兼容firefox与IE，通过JQuery与javaScript获取select对象元素，实现所需要的功能。
一，javascript代码实例：
select元素:
复制内容到剪贴板
程序代码
程序代码<select name="selectname" onchange="changeValue(this);">
<option value="google.com">谷歌</option>
<option value="baidu.com">百度</option>
</select>
<option value="google.com">谷歌</option>
<option value="baidu.com">百度</option>
</select>
javascript function代码：
复制内容到剪贴板 程序代码
程序代码function changeValue([/color]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的值,如：google.com
二，JQuery代码实例:
select元素:[code]<select name="selectname" id="selectname">
<option value="google.com">谷歌</option>
<option value="baidu.com">百度</option>
</select>
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的值,如：google.com
二，JQuery代码实例:
select元素:[code]<select name="selectname" id="selectname">
<option value="google.com">谷歌</option>
<option value="baidu.com">百度</option>
</select>
JQuery function代码：
通过select的ID直接获取option值，this.value获取option的值，如：google.com
使用非常简单，兼容firefox与IE，通过JQuery与javaScript获取select对象元素，实现所需要的功能。
文章来自: 
引用通告: 
Tags: 
相关日志:
评论: 0 | 引用: 0 | 查看次数: -
发表评论