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