jQuery 更改功能不起作用

发布于 2024-09-29 02:17:00 字数 488 浏览 3 评论 0原文

我似乎无法让这个工作看起来应该

$('.titleother').change(function() {

if ($('.titleother').val() == 'Other') {
    $('.hiddentext').css('display','block')
}

})

对于这个 HTML

<select class="titleother">
<option value="1">1</option>
<option value="2">2</option>
<option value="Other">Other</option>
</select>

<p class="hiddentext" style="display:none">TEXT</p>

有什么想法吗？

原文

I can't seem to get this working seems like it should

$('.titleother').change(function() {

if ($('.titleother').val() == 'Other') {
    $('.hiddentext').css('display','block')
}

})

For this HTML

<select class="titleother">
<option value="1">1</option>
<option value="2">2</option>
<option value="Other">Other</option>
</select>

<p class="hiddentext" style="display:none">TEXT</p>

Any ideas?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

九命猫 2024-10-06 02:17:00

这对我使用 Chrome 有效：

$(function(ready){
    $('.titleother').change(function() {
        if ($(this).val() == 'Other') {
            $('.hiddentext').show();   
        }
    });
});

http://jsfiddle.net/amuec/11/

（达林的代码也不适合我）

This works for me using Chrome:

$(function(ready){
    $('.titleother').change(function() {
        if ($(this).val() == 'Other') {
            $('.hiddentext').show();   
        }
    });
});

http://jsfiddle.net/amuec/11/

(Darin's code didn't work for me either)

回复收藏 0 原文

橘亓 2024-10-06 02:17:00

确保将其放入 $(document).ready 中，以便在附加 .change() 处理程序时 DOM 已准备就绪：

$(function() {
    $('.titleother').change(function() {
        if ($(this).val() == 'Other') {
            $('.hiddentext').show();
        }
    });
});

Make sure you put this in a $(document).ready so that the DOM is ready when you attach the .change() handler:

$(function() {
    $('.titleother').change(function() {
        if ($(this).val() == 'Other') {
            $('.hiddentext').show();
        }
    });
});

回复收藏 0 原文