在获取页面元素中,我们常常会通过select对象触发事件,通过选择下拉框中不同的值触发相应的事件,但对于如何获取select对象中相应元素是WEB程序员经常需要用的,同时,随着JQuery的使用与普及,我将jQuery与javascript如何获取select对象元素总结一下,供参考。 实例代码,简单清楚: 一,javascript代码实例: select元素: <select name=”selectname” οnchange=”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对象元素,实现所需要的功能。 |