そのドロップダウン選択に基づいてテキストボックスとドロップダウンを非表示にしますか？

Question

私はドロップダウンを持っています。そのドロップダウンの選択に基づいて、私は他のドロップダウンを表示したいと思います。 私のjquery Fuction.Jquery関数は正常に動作していましたが、ページロードによって、その画像を見ることができるすべてのドロップダウンが表示されていました。

enter code here<script type="text/javascript"> 

    $(document).ready(function() 
    { 
     $('#<%=ddlColumnName1.ClientID %>').change(function() { 

      //Get DropDownList selected value 
      var selectedValue = $('#<%=ddlColumnName1.ClientID %>').val(); 
      debugger; 
      //Enable Controls 
      if (selectedValue == 'Select Column') { 
       $('#<%=ddlContractArea.ClientID %>').hide(); 
        $('#<%=ddlBusinessArea.ClientID %>').hide(); 
       $('#<%=ddlContractingParty2.ClientID %>').hide(); 
       $('#<%=ddlContractingParty3.ClientID %>').hide(); 
       $('#<%=ddlContractingParty4.ClientID %>').hide(); 
       } 
      if (selectedValue == 'ContractArea') { 
       $('#<%=ddlContractArea.ClientID %>').show(); 
       $('#<%=ddlBusinessArea.ClientID %>').hide(); 
       $('#<%=ddlContractingParty2.ClientID %>').hide(); 
       $('#<%=ddlContractingParty3.ClientID %>').hide(); 
       $('#<%=ddlContractingParty4.ClientID %>').hide(); 
      } 

     }); 
    }); 


</script> 

Mydropdown：私のページロードで

<asp:DropDownList ID="ddlColumnName1" runat="server" CssClass="field_ddl_contractdetails" > 
                   </asp:DropDownList> 

： 私は、ページの読み込み中に、次のように与えれば、私はいずれかを選択した場合、すべてのドロップダウンが見えるが、その後ではありません最初のドロップダウンからの値他のドロップダウンはjavascipt関数が動作していないことを示していません。

ページの読み込み時のみ、ddlColumnName1のドロップダウンを表示したいのですが、すべてのドロップダウンが表示されていました。 私はthis.Inを行うことができますいくつかの1つを教えてくださいすべてのドロップダウンは、そのddlColumnName1の選択に基づいて表示されていません私は他のドロップダウンを表示する必要があります。

Answer 1

変更してみてください。.. `列のスペルが間違っている、あなたの条件`場合（SelectedValueの==「を選択Coulmn」）に..私はそのAタイプミスの間違いだと思い$(document).ready(function(){});

<script type="text/javascript"> 
    $(document).ready(function() { 

    //hide elements on page load 
    $('#<%=ddlContractArea.ClientID %>').hide(); 
    $('#<%=ddlBusinessArea.ClientID %>').hide(); 
    $('#<%=ddlContractingParty2.ClientID %>').hide(); 
    $('#<%=ddlContractingParty3.ClientID %>').hide(); 
    $('#<%=ddlContractingParty4.ClientID %>').hide(); 

    $('#<%=ddlColumnName1.ClientID %>').change(function() { 

     //Get DropDownList selected value 
     var selectedValue = $('#<%=ddlColumnName1.ClientID %>').val(); 
     debugger; 
     //Enable Controls 
     if (selectedValue == 'Select Column') { 
     $('#<%=ddlContractArea.ClientID %>').hide(); 
     $('#<%=ddlBusinessArea.ClientID %>').hide(); 
     $('#<%=ddlContractingParty2.ClientID %>').hide(); 
     $('#<%=ddlContractingParty3.ClientID %>').hide(); 
     $('#<%=ddlContractingParty4.ClientID %>').hide(); 
     } 
     if (selectedValue == 'ContractArea') { 
     $('#<%=ddlContractArea.ClientID %>').show(); 
     $('#<%=ddlBusinessArea.ClientID %>').hide(); 
     $('#<%=ddlContractingParty2.ClientID %>').hide(); 
     $('#<%=ddlContractingParty3.ClientID %>').hide(); 
     $('#<%=ddlContractingParty4.ClientID %>').hide(); 
     } 

    }); 
    }); 
</script>