Page Load Event

Tin Gyi

12y1.3kWeb Development

I want to use DropDownList selectedIndexChanged event without auto postback.

Can I?

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Vikram Agrawal12y ago
Hi Tin Gyi,
There is many way to solve any problem and one of them is following
you can do it with the help of javascript also
you can write it on "onchange" event of DropDownList
see the following example......

HTML:
<asp:DropDownList ID="DropDownList1" runat="server" onchange="display('DropDownList1');">
<asp:ListItem Value="Item1">asp:ListItem>
<asp:ListItem Value="Item2">asp:ListItem>
<asp:ListItem Value="Item3">asp:ListItem>
<asp:ListItem Value="Item4">asp:ListItem>
<asp:ListItem Value="Item5">asp:ListItem>
asp:DropDownList>
<asp:Label ID="Label1" runat="server" Text="">asp:Label>

JavaScript:
<script type="text/javascript">
    function display(id) {
      var ddl = document.getElementById(id);
      var label = document.getElementById('Label1');
      label.innerHTML = 'You have selected : ' + ddl.value;
   }
script>

please mark it as accepted if it is helpful to you...
+1
Munesh Sharma12y ago
You could put the DropDownList into an and set AutoPostBack="true" on the DropDownList. You have to set the trigger to the SelectedIndexChanged event.
Something like this (don't forget the script manager)
ID="ScriptManager1" runat="server" />

ID="UpdatePanel1" runat="server">

ID="drop1" runat="server />

ControlID="drop1" EventName="SelectedIndexChanged" />

-1
Joginder Banger12y ago
you can use the ajax update panel, In Ajax panel halt your page post back.

"ScriptManager1" runat="server" /> "UpdatePanel1" UpdateMode="Conditional" runat="server">
UpdatePanel content you drop downlist here

+1