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>

posted @ 2018-10-05 17:36 都一样* 阅读(35300) 评论(0) 编辑收藏举报

都一样

JS 实现 select中指定option选中触发事件（下拉框）

公告