如何根据同一行下拉列表选择更改ASP.NET GridView单元格状态

方案一：前端JavaScript无刷新实现 #

这种方式无需页面回发，用户体验更流畅。

1. GridView布局代码
   在ASPX页面中定义GridView，给下拉列表添加OnChange事件并传递当前行索引：

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False">
    <Columns>
        <asp:TemplateField HeaderText="Column1">
            <ItemTemplate>
                <asp:DropDownList ID="ddlColumn1" runat="server" OnChange="updateRowCells(this, <%# Container.DataItemIndex %>)">
                    <asp:ListItem Text="Yes" Value="Yes"></asp:ListItem>
                    <asp:ListItem Text="No" Value="No"></asp:ListItem>
                </asp:DropDownList>
            </ItemTemplate>
        </asp:TemplateField>
        <asp:BoundField DataField="Column2" HeaderText="Column2" />
        <asp:BoundField DataField="Column3" HeaderText="Column3" />
        <asp:BoundField DataField="Column4" HeaderText="Column4" />
        <asp:BoundField DataField="Column5" HeaderText="Column5" />
    </Columns>
</asp:GridView>

2. JavaScript处理函数
   在页面中添加脚本，根据下拉列表选择值修改同行对应单元格：

<script type="text/javascript">
    function updateRowCells(ddl, rowIndex) {
        const grid = document.getElementById('<%= GridView1.ClientID %>');
        const row = grid.rows[rowIndex + 1]; // 表头占第一行，所以索引+1
        const setValue = ddl.value === 'Yes' ? '1' : '0';

        // 给Column2到Column5对应的单元格赋值（单元格索引1-4）
        row.cells[1].innerText = setValue;
        row.cells[2].innerText = setValue;
        row.cells[3].innerText = setValue;
        row.cells[4].innerText = setValue;
    }
</script>

方案二：后台代码回发实现 #

如果需要将修改同步到服务器端数据，可采用回发方式：

1. 修改GridView中的下拉列表
   开启AutoPostBack并绑定选中事件：

<asp:DropDownList ID="ddlColumn1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="ddlColumn1_SelectedIndexChanged">
    <asp:ListItem Text="Yes" Value="Yes"></asp:ListItem>
    <asp:ListItem Text="No" Value="No"></asp:ListItem>
</asp:DropDownList>

2. 后台事件处理代码
   在代码后台（.aspx.cs）添加事件处理逻辑：

protected void ddlColumn1_SelectedIndexChanged(object sender, EventArgs e)
{
    DropDownList ddl = (DropDownList)sender;
    GridViewRow currentRow = (GridViewRow)ddl.NamingContainer;

    string setValue = ddl.SelectedValue == "Yes" ? "1" : "0";

    // 赋值给同行的Column2到Column5
    currentRow.Cells[1].Text = setValue;
    currentRow.Cells[2].Text = setValue;
    currentRow.Cells[3].Text = setValue;
    currentRow.Cells[4].Text = setValue;

    // 若需要更新数据源，可在此处添加数据操作逻辑
}

内容的提问来源于stack exchange，提问作者Odane Thompson