web-dev-qa-db-ja.com

clientSideおよびServerSideでselectedIndexChangedドロップダウンリストを使用する方法

ClientSideおよびServerSideで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はクライアントサイドの関数の名前です!

手伝ってくれてありがとう!

18
user1671697

以下のようなドロップダウンのonchangeイベントにクライアント側の関数名を追加します。

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

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>
14
Adil

最初にautopostback = "false"を変更し、onchange = "js function()"を指定して、選択したインデックス変更イベントを削除します。

1
Rajnikant