实例代码,简单清楚:
一,javascript代码实例:
select元素:
<select name="selectname" _disibledevent=>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对象元素,实现所需要的功能。
最新评论