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

【问题标题】：how to hide and show text box according to select value using jquery如何使用jquery根据选择值隐藏和显示文本框
【发布时间】：2011-11-18 11:40:32
【问题描述】：

我想根据下拉选择值隐藏和显示我的文本框。如果用户选择下拉值“其他”，那么我想显示我的文本框并隐藏下拉列表，他可以选择任何值，除了其他我的文本框隐藏请帮助我并给我示例代码我的代码在这里

 <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>

我从数据库中填充下拉列表

【问题讨论】：

标签： jquery asp.net-mvc

【解决方案1】：

为此，您必须在选择的“更改”事件上附加一个事件（并首先隐藏文本输入）。试试这个：

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

【讨论】：

试试你的代码我选择第二个值我的文本框也隐藏而不选择其他
您想在选择“其他”时隐藏选择并显示文本框，并在选择任何非其他值时隐藏文本框。这就是我的理解。发布您生成的 html 代码，以便我可以更好地帮助您
当我选择除“其他”以外的任何值时，我想隐藏我的文本框，当我选择值“其他”时，我想隐藏我的选择框
看看这里的小提琴：jsfiddle.net/YjtD9 如果你选择“其他”时你的文本框也隐藏了，你可能会遇到一些不同的问题。尝试向我们展示生成的 html

【解决方案2】：

试试这个

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

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

javascript

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

    if($("#subject").val().toUpperCase()=="OTHER") {
         $("#Sub").show();
         $("#subject").hide();
    }
    else
    {
       $("#Sub").hide(); 
    } 
}
</script>

【讨论】：

当我选择值“其他”时此代码不起作用，文本框也隐藏
这是因为我比较 Other 而不是 other 所以我编辑了我的答案，将下拉列表的值转换为大写并与 OTHER 比较
感谢重播，我试了一下，但它不工作我使用 asp mvc 查看请帮助我
尝试使用更新版本的jquery 1.6.2