如何使用jquery根据选择值隐藏和显示文本框

Question

我想根据下拉选择值隐藏和显示我的文本框.如果用户选择下拉值"其他"的话,我想展示我的文本框和隐藏下拉列表,然后他可以选择除其他我的文本框中的任何值是隐藏plz帮助我,给我的示例代码我的代码是在这里

 <script type="text/javascript">
  $( function () {

 if($("#subject").val()==="Other") {
     $("#Sub").show();
  $("#subject").hide();

  }
  else $("#Sub").hide(); 
    });

  <tr> <td style="width: 470px"><%:Html.DropDownList("subject",ViewData["sub"] as SelectList) %> 

      <input type ="text"  name="subject" id="Sub"style="width: 250px" /></td></tr>

我从数据库填充下拉列表

Answer 1

要执行此操作,您必须在选择的"更改"事件上附加事件(并首先隐藏文本输入).试试这个:

$("#Sub").hide();
$("#subject").change(function(){
    if ($(this).val() === "Other"){
        $("#Sub").show(); 
        $("#subject").hide();
    }else{
        $("#Sub").hide();
    }
});