在设置了控件的选定值后运行Javascript

Question

在设置了控件的选定值后运行Javascript

简单的ASP.NET应用程序

我有两个下拉控件.在第一次下拉我有一个JavaScript onChange事件.JavaScript启用第二个下拉列表并从中删除一个值(在第一个下拉列表中选择的值).如果他们单击下拉列表的空白第一个值,则将禁用第二个下拉列表(并重置选项).

我还在该OnPreRender方法中有代码,该代码将根据第一个下拉列表的值启用或禁用第二个下拉列表.这样可以在代码中选择第一个下拉列表的值(加载用户设置).

我的问题是:

用户在第一个下拉列表中选择一些内容.第二个下拉列表将通过JavaScript启用.
然后他们改变第三个下拉,开始回发.在回发后,下拉列表处于正确状态(选择第一个值,启用第二个下拉列表).
如果他们然后单击后退按钮,则第二个下拉菜单将不再启用,但应该是因为在第一个下拉列表中选择了某些内容.

我试图通过加入启动脚本(将设置第二滴的正确状态下)ClientScript.RegisterStartupScript,但是当这个被称为第一个下拉拥有selectedIndex的0,而不是它实际上是什么.我的猜测是选择的值在我的启动脚本之后设置(但仍然没有调用onChange脚本).

关于尝试什么的任何想法？

Answer 1

Adh*_*pta 2

<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">
    protected void indexChanged(object sender, EventArgs e)
    {
        Label1.Text = " I did something! ";
    }
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Test Page</title>
</head>
<body>
    <script type="text/javascript">
        function firstChanged() {
            if(document.getElementById("firstSelect").selectedIndex != 0)
                document.getElementById("secondSelect").disabled = false;
            else
                document.getElementById("secondSelect").disabled = true;
        }
    </script>
    <form id="form1" runat="server">
    <div>
        <select id="firstSelect" onchange="firstChanged()">
            <option value="0"></option>
            <option value="1">One</option>
            <option value="2">Two</option>
            <option value="3">Three</option>
        </select>
        <select id="secondSelect" disabled="disabled">
            <option value="1">One</option>
            <option value="2">Two</option>
            <option value="3">Three</option>
        </select>
        <asp:DropDownList ID="DropDownList1" AutoPostBack="true" OnSelectedIndexChanged="indexChanged" runat="server">
            <asp:ListItem Text="One" Value="1"></asp:ListItem>
            <asp:ListItem Text="Two" Value="2"></asp:ListItem>    
        </asp:DropDownList>
        <asp:Label ID="Label1" runat="server"></asp:Label>
    </div>
    </form>
    <script type="text/javascript">
        window.onload = function() {firstChanged();}
    </script>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

编辑：替换整个代码。即使在您的用户控件中，这也应该起作用。我相信 Register.ClientScriptBlock 不起作用，因为您在该块中编写的代码是在调用 window.onload之前执行的。而且，我假设（我不确定这一点）DOM 对象当时没有设置它们的值。而且，这就是为什么你的 selectedIndex 始终为 0。

归档时间：	17 年前
查看次数：	3644 次
最近记录：	7 年，7 月前