當我選擇下拉列表時顯示文本框

Question

我有一個下拉列表和文本框。最初文本框是隱藏的。當我選擇在下拉列表中選擇值，文本框將顯示

<select class="dropdown"> 
    <option>Choose your location</option> 
    <option>Bangalore</option> 
    <option>Delhi NCR</option> 
    <option>Mumbai</option> 
    <option>Chennai</option> 
    <option>Pune</option> 
    <option>Kilkatta</option> 
</select> 

    <input type="text" name="name" class="textbox ph_textbox">  
    <input type="text" name="phone" class="textbox ph_textbox">  
    <input type="text" name="email"class="textbox ph_textbox"> 

jQuery的

$("#select").change(function(e){ 
     $(".ph_textbox").show(); 
    }); 

Answer 1

1）確保你已經包括jQuery的正確。

2）將id="select"添加到您的select。

3）將您的代碼加入jQuery庫後DOM準備處理程序中：

$(function() { 
    $("#select").change(function (e) { 
     $(".ph_textbox").show(); 
    }); 
}); 

，它應該工作。

Fiddle Demo

Answer 2

$('input[type=text]').hide(); 
$("select").change(function(e){ 
     $(".ph_textbox").show(); 
    }); 

使用上述代碼。 ＃是爲了選擇ids。只是爲了匹配元素，只是名字就夠了。

演示： http://jsfiddle.net/gPb5p/