只有特定选项类的Javascript onchange

时间:2016-03-19 21:50:41

标签: javascript jquery dropdown

我有一个下拉框,当onchange重定向到一个网址时 - 工作正常。但是,当选项具有" .level-0"类时,我只希望它触发onchange。 - 我该怎么做?

<script type="text/javascript">
    <!--
    var dropdown = document.getElementById("cat");
    function onCatChange() {
        if ( dropdown.options[dropdown.selectedIndex].value != -1 ) {
            location.href = "<?php echo home_url();?>/?sfid=770&_sft_city-type="+dropdown.options[dropdown.selectedIndex].value;
        }
    }
    dropdown.onchange = onCatChange;
    -->
</script>

1 个答案:

答案 0 :(得分:1)

在现代浏览器中,您可以使用classList.contains()。如果您需要支持旧版浏览器,则需要直接查看className字符串。

function onCatChange() {
    var option = dropdown.options[dropdown.selectedIndex];
    if (option.value != -1 && option.classList.contains("level-0")) {
        location.href = "<?php echo home_url();?>/?sfid=770&_sft_city-type="+option.value;
    }
}