2010-10-25 11 views
5

io non riesco a ottenere questo lavoro sembra che dovrebbefunzione di cambio jQuery non funziona

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

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

}) 

Per questo 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> 

Tutte le idee?

+0

assicurarsi che non [il lavoro] (http://jsfiddle.net/amuec/)? – jensgram

+1

Non sembra funzionare per me? –

+1

al posto di ($ ('. Titleother'). Val() == 'Altro') $ ('. Hiddentext'). Css ('display', 'block') il modo migliore è: $ ('.hiddentext'). toggle ($ (this) .val() == 'Other'); – Floyd

risposta

13

Questo funziona per io con Chrome:

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

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

(codice di Darin non ha funzionato neanche per me)

+0

Grazie che funziona per me –

5

Assicurati di mettere questo in un $(document).ready in modo che il DOM è pronto quando si collega il .change() gestore:

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

Non sembra funzionare http://jsfiddle.net/ExtWV/1/ –

+0

Quel violino funziona per me? Sei sicuro di avere javascript abilitato? – Alex

+0

Yea ha sicuramente abilitato javascript - Sto usando Safari su Mac - ma l'ho provato anche in Chrome e non funziona –

4

Penso che non trovi il ;
Check here

+0

Anche questo non funziona? –

+0

Hai ricevuto degli errori? Ho provato a firefox. Funziona bene per me. – svk

+0

Stai cercando quando è selezionato 1 e 2 che deve essere nascosto? – svk