根据该下拉选择隐藏和显示文本框和下拉列表？答案

【问题标题】：Hide and show textbox and dropdown based on that dropdown selection?根据该下拉选择隐藏和显示文本框和下拉列表？
【发布时间】：2016-09-07 07:36:09
【问题描述】：

我有一个下拉列表，基于该下拉选择，我想显示其他下拉列表。我的 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>

我的下拉菜单：

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

在我的页面加载中：如果我在页面加载中这样给出，所有下拉列表都不可见，但之后如果我从第一个下拉列表中选择任何值，其他下拉列表不会显示 javascipt 函数不起作用。

仅在页面加载中我想显示 ddlColumnName1 下拉列表。但它显示了所有下拉列表。请有人告诉我该怎么做。在页面加载中，所有下拉列表都是不可见的，基于该 ddlColumnName1 选择我需要显示其他下拉列表。

【问题讨论】：

我认为这是一个拼写错误.. 在您的情况下if (selectedValue == 'Select Coulmn') 列的拼写错误.. 尝试更改为if (selectedValue == 'Select Column')
在我使用的代码中没有选择列，只是它不是类型错误。

标签： jquery dropdown

【解决方案1】：

尝试在$(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>

【讨论】：

嗨，karthikeyan，它正在工作谢谢。但我还想显示这个下拉菜单，只有这个功能被激活。 Guid ProjectfeatureId = new Guid("54e9c415-eb14-4884-8421-cb8ef0c88156");为此我该怎么办？