[英]Javascript onchange only with specific option class
I have a dropdown box, when onchange redirects to a url - works fine.我有一个下拉框,当 onchange 重定向到一个 url 时 - 工作正常。 However I only want it to trigger the onchange when the option has a class of ".level-0" - how do I do that?
但是,我只希望它在选项具有“.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>
In modern browsers, you can use classList.contains().在现代浏览器中,您可以使用 classList.contains()。 If you need to support older browsers, you need look at the className string directly.
如果需要支持旧浏览器,则需要直接查看 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;
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.