jQuery change function not working

Question

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?

in place of if ($('.titleother').val() == 'Other') $('.hiddentext').css('display','block') the better way is: $('.hiddentext').toggle($(this).val() == 'Other'); — Floyd
– Floyd, Commented Oct 25, 2010 at 9:34

Marwelln · Accepted Answer · 2010-10-25 09:10:56Z

17

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)

answered Oct 25, 2010 at 9:10

Marwelln

29.5k21 gold badges97 silver badges120 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Darin Dimitrov · Accepted Answer · 2010-10-25 08:43:49Z

5

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();
        }
    });
});

answered Oct 25, 2010 at 8:43

Darin Dimitrov

1.0m276 gold badges3.3k silver badges3k bronze badges

4 Comments

Alex Over a year ago

That fiddle works for me? You sure you have javascript enabled?

Jamie Taylor Over a year ago

Yea definitely got javascript enabled - I'm using Safari on Mac - but have tried it in Chrome too and it doesn't work

Darin Dimitrov Over a year ago

@Jamie can you try this in a separate file, not jsfiddle? It seems like a bug there.

Ghasan غسان Over a year ago

@DarinDimitrov, for some reason your code has a \u200b zero-width space which causes the code to not to run.

svk · Accepted Answer · 2010-10-25 09:00:06Z

4

I think you are missing ;
Check here

answered Oct 25, 2010 at 9:00

svk

4,56318 gold badges66 silver badges101 bronze badges

2 Comments

svk Over a year ago

Did you get any errors?I tested in firefox.Its working fine for me.

svk Over a year ago

Are you looking for when 1 and 2 is selected it needs to be hide?

Collectives™ on Stack Overflow

jQuery change function not working

3 Answers 3

Comments

4 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

4 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related