Home/ Questions/Q 4108640
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T21:41:12+00:00

I have a dynamic (allows addition of rows on the fly) an ASP gridview

  • 0

I have a dynamic (allows addition of rows on the fly) an ASP gridview that has a dropdownlist in one of its columns. I would like to take an action enable/disable the textbox in the column after depending on the selection in the dropdownlist during data entry.

Any help will be highly appreciated.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can do this easily with jQuery. With a bit of modification, you can get it working exactly as you want it to.

    First, add the following to your <head> tag:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
   $(".ddlClass").change(function () {
      var txt = $(this).closest("tr").find(".txtClass");
      if ($(this).val() == 0) {
         txt.css("background", "#cccccc");
         txt.attr("disabled", "disabled");
      }
      else {
         txt.css("background", "#ffffff");
         txt.attr("disabled","");
      }
    });
});

    Next, create your gridview and add template columns for your textbox and dropdown list. In the code below, notice that the dropdown list has been given a class “ddlClass” and the textbox has been given a class “txtClass”. You can change these as you see fit. 

    <asp:gridview runat="server" ID="gvw" AutoGenerateColumns="false">
            <Columns>
                <asp:BoundField DataField="field1" />
                <asp:BoundField DataField="field2" />
                <asp:TemplateField HeaderText="Name">
                    <ItemTemplate>
                        <asp:TextBox runat="server" ID="txtName" CssClass="txtClass"></asp:TextBox>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField>
                    <ItemTemplate>
                        <select class="ddlClass">
                            <option value="1">Enabled</option>
                            <option value="0">Disabled</option>
                        </select>
                    </ItemTemplate>
                </asp:TemplateField>
            </Columns>
        </asp:gridview>

    The .ready function attaches a click event to each dropdownlist with the class “ddlClass”. When changed, the code will find the textbox with the class “txtClass” in the same row as the dropdownlist and then enable/disable accordingly.

    • 0