个人中心
gpt4 book ai didi

javascript - 从下拉菜单切换类

转载 作者：太空狗 更新时间：2023-10-29 14:57:38 25 4
gpt4 key购买 nike

我尝试通过在下拉菜单中选择一个选项来切换类，我尝试使用 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/

25 4 0
文章推荐： html - 具有相等宽度和高度 TD 的响应式表格
文章推荐： 在 C 中将华氏度更改为开尔文
文章推荐： c - 是否有任何 C 预处理器变量？
文章推荐： javascript - jquery on selection 禁用选项并使边框红色