Javascript onchange 僅與特定選項類

Question

我有一個下拉框，當 onchange 重定向到一個 url 時 - 工作正常。 但是，我只希望它在選項具有“.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>

Answer 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;
    }
}