jQuery शो में एक पाठ बॉक्स एक विकल्प चुना जाता है जब

Question

मैं निम्नलिखित कोड है:

<select> 
<option value="Type 1">Type 1</option> 
<option value="Type 2">Type 2</option> 
<option value="Type 3">Type 3</option> 
<option value="Other">Other</option> 
</select> 

<input type="text" id="other" /> 

मुझे क्या करना jQuery नीचे दिए पाठ बॉक्स डिफ़ॉल्ट रूप से छुपा कर उपयोग कर रहा है, और फिर इसे दिखाना चाहते एक उपयोगकर्ता का चयन करता है, तो ड्रॉपडाउन से अन्य विकल्प।

Answer 1

<select id="sel"> 
<option value="Type 1">Type 1</option> 
<option value="Type 2">Type 2</option> 
<option value="Type 3">Type 3</option> 
<option value="Other">Other</option> 
</select> 

<input type="text" id="other" style="display: none;" /> 

$('#sel').change(function() { 
    $('#other').css('display', ($(this).val() == 'Other') ? 'block' : 'none'); 
}); 

Answer 2

इस प्रयास करें:

<select id="selectbox_id"> 
<option value="Type 1">Type 1</option> 
<option value="Type 2">Type 2</option> 
<option value="Type 3">Type 3</option> 
<option value="Other">Other</option> 
</select> 

<input type="text" id="other" /> 

JQuery:

$(function(){ 
    // hide by default 
    $('other').css('display', 'none'); 

    $('selectbox_id').change(function(){ 
    if ($(this).val() === 'Other') { 
    $('other').css('display', 'block'); 
    } 
}); 
}); 

Answer 3

किसी भी सीएसएस यहाँ कोई आवश्यकता नहीं।

$('#sel').change(function() { 
    var selected = $(this).val(); 
    if(selected == 'Other'){ 
     $('#other').show(); 
    } 
    else{ 
     $('#other').hide(); 
    } 
});