JS 实现 select中指定option选中触发事件(下拉框)
Posted 都一样
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS 实现 select中指定option选中触发事件(下拉框)相关的知识,希望对你有一定的参考价值。
转自:http://www.cnblogs.com/moli-/p/6406170.html
在用到下拉列表框select时,需要对选中的<option>选项触发事件,其实<option>本身没有触发事件方法,我们只有在select里的onchange方法里触发。
想添加一个option的触发事件,在option中添加onclick 点来点去就是不会触发事件
又在select中添加onclick 这下可好了,没选option呢就触发了
当我们触发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>的名称
}
<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title> </head> <body> <select id="pid" onchange="gradeChange()"> <option value="1">选项一</option> <option value="2">选项二</option> </select> <script type="text/javascript"> function gradeChange() { var objS = document.getElementById("pid"); var grade = objS.options[objS.selectedIndex].value; alert(grade); } </script> </body> </html>
以上是关于JS 实现 select中指定option选中触发事件(下拉框)的主要内容,如果未能解决你的问题,请参考以下文章