jquery nicht verstecken und zeigen div

Question

ich eine Basis auf Dropdownlist-Auswahl zu verstecken und zeigen versucht, aber nicht, keine Ahnung, wo ich falsch gemacht haben, bitte helfen ..

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

meine Dropdownlist:

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

meine Dropdownlist und Datatextdatavaluefield:

Answer 1

Die ID verwenden sein wird Bezug Miß abgestimmt. Sie haben "Code" definiert, aber einen Listener an "code" angehängt.

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

Verwenden gleichen Fall an beiden Orten

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

Answer 2

Bitte prüfen Dropdown-Listenfeld ID im Element untersuchen, versuchen, etwas zu setzen, wenn die Masterseite t verwenden hen ID wird ct100_

OR

<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(); 
     } 
    }