ASP.NET如何实现DropDownList选项控制TextBox编辑功能的代码实现？

admin
行业动态
2025-03-05
1

“

csharp，protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)，{， TextBox1.Enabled = DropDownList1.SelectedValue == "Yes";，}，

“

在ASP.NET中，通过DropDownList的值来控制TextBox是否可编写，可以通过JavaScript来实现，以下是详细的实现步骤和代码示例：

创建ASP.NET页面

创建一个新的ASP.NET Web Forms页面（例如Default.aspx），并在页面上添加一个DropDownList和一个TextBox控件。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="YourNamespace.Default" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Control TextBox Based on DropDownList</title>
    <script type="text/javascript">
        function toggleTextBox() {
            var ddl = document.getElementById('<%= DropDownList1.ClientID %>');
            var txt = document.getElementById('<%= TextBox1.ClientID %>');
            if (ddl.value == "Editable") {
                txt.disabled = false;
            } else {
                txt.disabled = true;
            }
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:DropDownList ID="DropDownList1" runat="server" OnChange="javascript:toggleTextBox();">
                <asp:ListItem>Select Option</asp:ListItem>
                <asp:ListItem Value="Editable">Editable</asp:ListItem>
                <asp:ListItem Value="ReadOnly">Read-Only</asp:ListItem>
            </asp:DropDownList>
            <br />
            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        </div>
    </form>
</body>
</html>