How use selectedIndexChanged dropdownlist in clientSide and ServerSide

How use selectedIndexChanged from asp.net dropdownlist in clientSide and ServerSide?

In clientside i want call javascript funcition!

<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 is a name of function in clientside!

Thanks for help!

Add your client side function name in onchange events of dropdown like below :

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

In HTML (.aspx)

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

In javascript

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

First change autopostback=”false” and give onchange=”js function()” and remove selected index change event.


The answers/resolutions are collected from stackoverflow, are licensed under cc by-sa 2.5 , cc by-sa 3.0 and cc by-sa 4.0 .
Read More:   How can I open a link in a new window?

Similar Posts