jquery 隐藏和显示失败 div

Question

我试图隐藏和显示基于下拉列表选择的基础但失败了，不知道我哪里做错了，请帮忙..

   $(document).ready(function () {
         $('#code').on('change', function () {
             if (this.value == 'T4')
             {
                 $("#TR").show();
             }
             else {
                 $("#TR").hide();
             }
         });
     });

       <div class="form-group" style='display:none;' id='TR'>
        <label for="Training Fees(RM)" style="color:black">Training Fees(RM)</label>
          <div class="col-sm-3">
            <asp:TextBox runat="server"ID="RM_TEXT" placeholder="RINGGIT" />
          </div>
        </div>

我的下拉列表：

         <div>
            <asp:DropDownList ID="Code" runat="server"></asp:DropDownList>
        </div>

我的下拉列表 DataTextField 和 DataValueField：

Answer 1

请检查检查元素中的下拉列表 ID，如果您使用的是母版页，请尝试添加一些内容，然后 ID 将为 ct100_

或使用

<asp:DropDownList ID="Code" runat="server" onchange="javascript:return dropdown(this);"></asp:DropDownList>

Javascirpt

 function dropdown(val)
    {
      if ($(val).val() == 'T4') {
        $("#TR").show();
      }
      else {
                 $("#TR").hide();
      }
    }

Answer 2

ID 引用未匹配。您已定义 "Code" 但将侦听器附加到 "code"。

<asp:DropDownList ID="Code" runat="server"></asp:DropDownList>

两处使用相同的大小写

$('#code').on('change', function () {

jquery 隐藏和显示失败 div

jquery fail hide and show div

html

javascript

asp.net

jquery