2010-10-25 18 views
5

Je ne peux pas sembler obtenir ce travail semble comme il se doitfonction de changement jQuery ne fonctionne pas

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

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

}) 

Pour ce 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> 

Toutes les idées?

+0

Bien sûr, il n'a pas (http://jsfiddle.net/amuec/) [travail]? – jensgram

+1

Cela ne semble pas fonctionner pour moi? –

+1

à la place de if ($ ('. Titleother'). Val() == 'Other') $ ('. Hiddentext'). Css ('display', 'block') le meilleur moyen est: $ ('.hiddentext'). toggle ($ (this) .val() == 'Autre'); – Floyd

Répondre

13

Cela fonctionne pour moi en utilisant Chrome:

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

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

(code de Darin n'a pas fonctionné pour moi non plus)

+0

Merci cela fonctionne pour moi –

5

Assurez-vous que vous mettez cela dans un $(document).ready afin que le DOM est prêt lorsque vous connectez le gestionnaire .change():

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

Ne semble pas fonctionner http://jsfiddle.net/ExtWV/1/ –

+0

Ce violon fonctionne pour moi? Êtes-vous sûr d'avoir javascript activé? – Alex

+0

Yea définitivement javascript activé - J'utilise Safari sur Mac - mais je l'ai essayé dans Chrome aussi et cela ne fonctionne pas –

4

Je pense que vous manquez ;
Check here

+0

Cela ne marche pas non plus? –

+0

Avez-vous eu des erreurs? J'ai testé dans firefox.Its fonctionne bien pour moi. – svk

+0

Cherchez-vous quand 1 et 2 est sélectionné, il doit être caché? – svk