如何在客户端和服务器端使用 selectedIndexChanged 下拉列表答案

【问题标题】：How use selectedIndexChanged dropdownlist in clientSide and ServerSide如何在客户端和服务器端使用 selectedIndexChanged 下拉列表
【发布时间】：2012-09-20 16:51:13
【问题描述】：

如何在客户端和服务器端使用asp.net下拉列表中的selectedIndexChanged？

在客户端我想调用javascript函数！

<script type="text/javascript">
function changeCursor() {
    document.body.style.cursor="progress";
}
</script>

<asp:DropDownList ID="DropDownSubject" runat="server" DataTextField="Word" AutoPostBack="True" OnSelectedIndexChanged="SelectedChange">
</asp:DropDownList>

SelectedChange 是客户端函数的名称！

感谢您的帮助！

【问题讨论】：

您可以使用 OnSelectedIndexChanged 来处理 C# .NET（后端）事件。对客户端 (JavaScript) 事件使用 onchange。

标签： c# javascript asp.net drop-down-menu

【解决方案1】：

在下拉列表的 onchange 事件中添加您的客户端函数名称，如下所示：

<asp:DropDownList ID="DropDownSubject" runat="server" DataTextField="Word" 
      AutoPostBack="True" OnSelectedIndexChanged="SelectedChange" 
      onchange="changeCursor()">
</asp:DropDownList>

【讨论】：

【解决方案2】：

在 HTML (.aspx) 中

<asp:DropDownList ID="DropDownSubject" runat="server" DataTextField="Word" AutoPostBack="True" 
         OnSelectedIndexChanged="SelectedChange" onchange="YourChangeFun(this);">
</asp:DropDownList>

在 JavaScript 中

<script type="text/javascript">
      function YourChangeFun(ddl)
      {
         alert(ddl.selectedIndex);
      }
</script>

【讨论】：

【解决方案3】：

首先更改 autopostback="false" 并给出 onchange="js function()" 并删除选定的索引更改事件。

【讨论】：