Javascript select onchange未正确触发

时间:2013-07-16 19:03:33

标签: javascript html

<label><input type="checkbox" name="selection" value="wifi" checked onclick="filterLog(this)">wifi</label><br>
<select id="wifi" class="dropdownList" multiple size=3 onchange="filterLogSel()">



    function filterLogSel() {
        /* not fired by checkbox */
        if (!checkMark) {
            var breakCheck;
            /* remove all the content */
            var htmlSelectAdd = document.getElementById('logListBox');
            for(var i=0, n=htmlSelectAdd.length; i<n; i++) {
                htmlSelectAdd.options[i].remove();
                n--;
                i--;
            }
            /* add content according to the select value */
            selecttags = document.getElementsByClassName('dropdownList');
            for (key in jsonobj)
                for(var i=0, n=selecttags.length; i<n; i++) {
                    for(var j=0, m=selecttags[i].length; j<m; j++) {
                        if (selecttags[i].options[j].selected) {
                            var re=new RegExp(selecttags[i].options[j].value);
                            if ((re.exec(jsonobj[key]))!=null) {
                                selectBoxOption = document.createElement("option");
                                selectBoxOption.value = key;
                                selectBoxOption.text = jsonobj[key];
                                htmlSelectAdd.add(selectBoxOption,null);
                                breakCheck = true;
                                break;
                            }
                        }
                    }
                    if (breakCheck) {
                        breakCheck = false;
                        break;
                    }
                }
        }
    }

当我在chrome中调试它时,我发现当我单击select标签中的选项时,它将触发checkbox的onclick函数而不是select的onchange函数。我希望激活select的onchange函数。

1 个答案:

答案 0 :(得分:1)

您看到这一点的原因是您的下拉列表是多选下拉列表。如果您将下拉列表更改为只有一个选项,那么它将触发onchange事件。由于您实际上是在多次选择时单击,因此触发onclick()事件是正确的。