2010-10-25 22 views
5

मैं इस काम के पाने के लिए नहीं कर पा रहे है जैसे कि यह होना चाहिएjQuery परिवर्तन समारोह काम नहीं कर रहा

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

कोई भी विचार के लिए लगता है?

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

ज़रूर ऐसा नहीं होता [काम] (http://jsfiddle.net/amuec/)? – jensgram

+1

यह मेरे लिए काम नहीं कर रहा है? –

+1

यदि ($ ('। Titleother') के स्थान पर। वैल() == 'अन्य') $ ('hiddentext')। Css ('display', 'block') बेहतर तरीका है: $ ('.hiddentext')। टॉगल ($ (यह) .val() == 'अन्य'); – Floyd

उत्तर

13

इस के लिए काम करता याद कर रहे हैं:

+0

धन्यवाद जो मेरे लिए काम करता है –

5

यकीन है कि जब आप .change() हैंडलर देते हैं आप एक $(document).ready तो में रखते कि डोम तैयार है मैं क्रोम का उपयोग कर रहा हूं:

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

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

(डैरिन के कोड मेरे लिए या तो काम नहीं किया)

+0

काम नहीं कर रहा है http://jsfiddle.net/ExtWV/1/ –

+0

वह बेवकूफ मेरे लिए काम करता है? आप सुनिश्चित हैं कि आपके पास जावास्क्रिप्ट सक्षम है? – Alex

+0

हाँ निश्चित रूप से जावास्क्रिप्ट सक्षम है - मैक पर सफारी का उपयोग कर रहा हूं - लेकिन इसे क्रोम में भी आजमाया है और यह –

4

मुझे लगता है कि आप ;
Check here

+0

यह या तो काम नहीं करता है? –

+0

क्या आपको कोई त्रुटि मिली? मैंने फ़ायरफ़ॉक्स में परीक्षण किया। यह मेरे लिए ठीक काम कर रहा है। – svk

+0

क्या आप 1 और 2 के चयन के लिए देख रहे हैं, इसे छिपाने की जरूरत है? – svk

संबंधित मुद्दे