当我选择下拉列表时显示文本框

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/