JS实现select选中option触发事件操作⽰例
本⽂实例讲述了JS实现select选中option触发事件操作。分享给⼤家供⼤家参考，具体如下：
我们在⽤到下拉列表框select时，需要对选中的<option>选项触发事件，其实<option>本⾝没有触发事件⽅法，我们只有在select⾥的onchange⽅法⾥触发。
想添加⼀个option的触发事件，在option中添加onclick 点来点去就是不会触发事件
⼜在select中添加onclick 这下可好了，没选option呢就触发了
百度来的说option没有触发事件，需要在select中加onchange事件，虽然我曾经处理过类似的问题,⽤过就忘是不是猪脑⼦....这次记住了吧应该
当我们触发select的双击事件时，⽤ondblclick⽅法。
当我们要取得select的选中事件时，⽤document.all['name'].value来获取，其中name是select的名称。
如果我们要得到select的全部的值就⽤⼀个for循环来实现。代码如下：
var vi = document.all['list'].length;
for(var i=0;i<vi;i++){
document.form2.list(i).value; //form2是<form>的名称
}
JS实现代码：
<select id="pid" onchange="gradeChange()">
<option grade="1" value="a">选项⼀</a>
<option grade="2" value="b">选项⼆</a>
</select>
<script type="text/JavaScript">
function gradeChange(){
var objS = ElementById("pid");
var grade = objS.options[objS.selectedIndex].grade;
js导航栏下拉菜单alert(grade);
}
</script>
jQuery实现代码：
<select name="myselect" id="myselect">
<option value="opt1">选项1</option>
<option value="opt2">选项2</option>
<option value="opt3">选项3</option>
</select>
$("#myselect").change(function(){
var opt=$("#myselect").val();
...
});
Javascript获取select下拉框选中的值
现在有⼀id=test的下拉框，怎么拿到选中的那个值呢？
分别使⽤javascript原⽣的⽅法和jquery⽅法
<select id="test" name="">
<option value="1">text1</option>
<option value="2">text2</option>
</select>
代码:
⼀、javascript原⽣的⽅法
1. 拿到select对象：
var ElementById("test");
2. 拿到选中项的索引：
var index=myselect.selectedIndex;
// selectedIndex代表的是你所选中项的index
3. 拿到选中项options的value：
myselect.options[index].value;
4：拿到选中项options的text：
myselect.options[index].text;
⼆、jquery⽅法（前提是已经加载了jquery库）
1.获取选中的项
var options=$("#test option:selected");
2.拿到选中项的值
alert(options.val());
3.拿到选中项的⽂本
());
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《》、《》、《》、《》、《》及《》希望本⽂所述对⼤家JavaScript程序设计有所帮助。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。