jqueryの非表示と表示のdivの

Question

私は隠していないと表示さDropDownListの選択にベースをしかし失敗し、私は間違っていたないアイデアしようとしているが失敗し、助けてください..

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

私のDropDownList：

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

私のドロップダウンリストDataTextFieldとDataValueField：

Answer 1

にid参照を使用するミスが一致しています。あなたは "コード"を定義しましたが、 "リスナー"を "コード"に結びつけました。両方の場所

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

Answer 2

親切にあなたのマスターページのトンを使用している場合は、何かを置くしようとすると、要素を検査のドロップダウンリストの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(); 
     } 
    }