我尝试通过在下拉菜单中选择一个选项来切换类,我尝试使用 alert() 来检查它是否有效,但我似乎无法让它正常工作。
HTML:
<html>
<body>
<select id="dropdown">
<option value="1">Steinkjer</option>
<option value="2">Verdal</option>
</select>
</body>
</html>
Javascript:
$('#dropdown option:selected').click(function(){
var getText = $('#dropdown option').text();
alert($('.overlay-'+getText));
});
请帮我解决这个问题。
最佳答案
$('#dropdown option:selected')
不是事件对象。您的代码将点击处理程序绑定(bind)到页面加载时的选定选项。您应该使用事件委托(delegate)或更好地监听 select
元素的 change
事件。
$('#dropdown').on('change', function() {
// Get text content of the selected option
var getText = $('option:selected', this).text();
// Get current value of the select element
// var getValue = this.value;
console.log(getText);
console.log($('.overlay-'+getText));
});
关于javascript - 从下拉菜单切换类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30798042/