jQuery更改功能无法正常工作

时间:2010-10-25 08:41:47

标签: jquery onchange

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

$('.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>

有什么想法吗?

3 个答案:

答案 0 :(得分:13)

这适用于我使用Chrome:

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

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

(Darin的代码也不适用于我)

答案 1 :(得分:5)

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

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

答案 2 :(得分:4)

我认为你错过了;
Check here