JQuery ile Dropdown değişiminde diğer seçilince textbox göstermek

Bu soru 1 kez yanıtlandı.

• coderguru

  4 Mart 2020 15:16

  16

  Merhaba, bir dropdownlist, bir de textbox için aşağıdaki gibi bir aspx sayfası olduğunu varsayıyorum. html de olabilir, aynı jquery kodları yine çalışır.

  <asp:DropDownList ID="ddl_secenekler" runat="server" ClientIDMode="Static" >
      <asp:ListItem Text="Seçiniz" Value="0" Selected="True"></asp:ListItem>
      <asp:ListItem Text="a" Value="a"></asp:ListItem>
      <asp:ListItem Text="b" Value="b"></asp:ListItem>
      <asp:ListItem Text="c" Value="c"></asp:ListItem>
      <asp:ListItem Text="diğer" Value="diger"></asp:ListItem>
  </asp:DropDownList>
  
  <div id="tarih" style="display:none" >
      <asp:TextBox ID="tb_diger" runat="server"></asp:TextBox>
  </div>

  Sadece en alttaki diğer seçeneği seçildiğinde textbox'ı görünür yapmak, diğer seçenekler seçildiğinde de görünmez yapmak için aşağıdaki jquery kodlarını kullanabilirsiniz.

  $("#ddl_secenekler").change(function () {
      var value = this.value;
      
      if (value == "diger") {
        $("#tarih").show();
      }
      else {
        $("#tarih").hide();
      }
  });