javascript - 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 引用不匹配。您已定义“代码”，但已将监听器附加到“代码”。

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

在两个地方使用相同的大小写

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