2010-10-25 16 views
5

çalışmıyor bu HTMLjQuery değiştirme fonksiyonu bu çalışma almak gibi olamaz

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

herhangi bir fikir için olması gerektiği

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

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

}) 

gibi görünüyor?

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

Elbette öyle değil [eser] (http://jsfiddle.net/amuec/)? – jensgram

+1

Bu benim için çalışmıyor gibi görünüyor? –

+1

yerine ($ ('. Titleother'). Val() == 'Diğer') $ ('hiddentext'). Css ('ekran', 'blok') daha iyi bir yoldur: $ ('.hiddentext'). toggle ($ (this) .val() == 'Diğer'); – Floyd

cevap

13

eksik düşünüyorum:

+0

Bu benim için çalışır –

5

Eğer .change() işleyicisi takmak zaman DOM hazır olması için bir $(document).ready bu koymak emin olun beni kullanarak:

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

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

(Darin kodu yazsam işe yaramadı)

+0

Çalışmıyor gibi görünüyor http://jsfiddle.net/ExtWV/1/ –

+0

Bu keman benim için çalışıyor? Javascript'in etkin olduğundan emin misin? – Alex

+0

Yea kesinlikle javascript'i etkinleştirdi - Mac'te Safari kullanıyorum - ancak Chrome'da da denedim ve çalışmaz –

4

Sana Bu için çalışır ;
Check here

+0

Bu da işe yaramıyor mu? –

+0

Herhangi bir hata yaptınız mı? Firefox'ta test ettim. Benim için iyi çalışıyor. – svk

+0

1 ve 2 seçildiğinde mi arıyorsunuz, saklanmak mı gerekiyor? – svk