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 ready处理程序之后放置代码：

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

它应该有用。

<强> Fiddle Demo

Answer 2

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

使用上面的代码。＃意味着选择ID。只是为了匹配元素，只需这个名称即可。

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

选择下拉值时显示文本框

2 个答案: