asp:ListBox OnSelectedIndexChanged call javascript function not server side code

Question

I am needing to call a javascript function when my asp:ListBox has a selection change rather then running some server side code. What I have at the moment is.

<asp:ListBox ID="lbCustomerFolders" runat="server" Width="100%" Height="98%" AutoPostBack="true" OnSelectedIndexChanged="lbCustromerFolders_SelectedIndexChanged"/>

Where the OnSelectedIndexChanged I require that function or something similar to call a javascript function.

Dnyanesh · Accepted Answer · 2015-02-13 17:31:53Z

3

Add on change event in your control lie I have added in following example. Notice that there are onchange as well as OnSelectedIndexChanged event there on the ListBox so on the selection change event both JavaScript and server side event is going to get called.

In your case change would be data which you are providing.

 <asp:ListBox ID="lbCustomerFolders" runat="server" Width="9%" Height="98%"  onchange="YourChangeEventJS(this)" AutoPostBack="true" OnSelectedIndexChanged="lbCustomerFolders_SelectedIndexChanged">
             <asp:ListItem Text="Red" Value="#FF0000" Selected="True" />
             <asp:ListItem Text="Blue" Value="#0000FF" />
             <asp:ListItem Text="Green" Value="#008000" />
         </asp:ListBox>

Following is script should be there on your page

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

edited Feb 13, 2015 at 17:31

answered Feb 13, 2015 at 6:06

Dnyanesh

2,3633 gold badges20 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Brendan Russo Over a year ago

This doesn't work for me. I've added the onchange to ListBox and the javascript doesn't fire. Did I add it in the wrong place my listbox now looks like: <asp:ListBox ID="lbCustomerFolders" runat="server" Width="100%" Height="98%" onchange="YourChangeEventJS(this);"/>

Dnyanesh Over a year ago

@BrendanRussn I have edited answer with changes. Hope this will help you.

Brendan Russo Over a year ago

Well it wasn't working at first but after changing something this now works with my full listbox. Thanks

Collectives™ on Stack Overflow

asp:ListBox OnSelectedIndexChanged call javascript function not server side code

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related