selected index change event not firing with onchange method in javascript

Question

0.00/5 (No votes)

See more:

please help me i'm facing a problem with dropdown list
i'm using javascript method "onchange" to get dropdown selected value i get the value but dropdown selectedIndexChanged event not firing
please someone help me

my javascript function is that for getting selected value:

JavaScript

 <script type="text/javascript" language="javascript">
        function showAddress_Byamit()
         {
             var e = document.getElementById("TabC_tp1_ddlcountry");
             var country = e.options[e.selectedIndex].text;
          }
</Script>

ASP.NET

<asp:DropDownList
                ID="ddlcountry" runat="server" AutoPostBack="True" Height="20px" EnableViewState="true"
                OnSelectedIndexChanged="ddlcountry_SelectedIndexChanged" TabIndex="4"  onchange="showAddress_Byamit(); return false"
                Width="100px" >

here problem is that event "ddlcountry_SelectedIndexChanged" not firing

Posted 7-Apr-13 20:05pm

amitavin_Sharma

Updated 7-Apr-13 20:20pm

Vani Kulkarni

v2

Add a Solution

Comments

virang_21 8-Apr-13 2:07am

Set AutoPostBack property to true for dropdown

amitavin_Sharma 8-Apr-13 2:11am

sir i already set property as autopostback="true"

amitavin_Sharma 8-Apr-13 2:16am

my javascript function is that for getting selected value:
<script type="text/javascript" language="javascript">
function showAddress_Byamit()
{
var e = document.getElementById("TabC_tp1_ddlcountry");
var country = e.options[e.selectedIndex].text;
}
</Script>
it works well

<asp:DropDownList
ID="ddlcountry" runat="server" AutoPostBack="True" Height="20px" EnableViewState="true"
OnSelectedIndexChanged="ddlcountry_SelectedIndexChanged" TabIndex="4" onchange="showAddress_Byamit(); return false"
Width="100px" >

here problem is that event "ddlcountry_SelectedIndexChanged" not firing

virang_21 8-Apr-13 2:23am

Add this to your javascript function at the end

__doPostBack("<%=ddlCountry.ClientID %>", '');

amitavin_Sharma 8-Apr-13 2:48am

sir this is not working the error is ;
The Controls collection cannot be modified because the control contains code blocks (i.e. <% ... %>).

virang_21 8-Apr-13 2:13am

Post your javascript code

amitavin_Sharma 8-Apr-13 2:45am

3 solutions

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Raje_ · Accepted Answer · 2013-04-07T20:20:00

Solution 1

one solution can be, in your JavaScript function you can postback the page,
set the onChange() event on your DropDownList only...then in your JavaScript, manually force the postback using something like the

JavaScript

__doPostBack('<%= YourDropdownList.ClientID %>', '');

Hope It will help you.

Good luck.

Posted 7-Apr-13 20:20pm

Raje_

Comments

amitavin_Sharma 8-Apr-13 2:58am

sir this is not working as i want to do

amitavin_Sharma 8-Apr-13 4:48am

when i'm using like this
__doPostBack(country.id, '');
then selectedIndexChanged is fired but javascript functionality is conflicted

Vani Kulkarni · Accepted Answer · 2013-04-07T20:22:00

Solution 2

You are writing return false while calling javascript code. If you remove that it should work. Try and post if still not working.

HTML

onchange="showAddress_Byamit(); return false"

Posted 7-Apr-13 20:22pm

Vani Kulkarni

Updated 7-Apr-13 20:23pm

v2

PRAKASH9 · Accepted Answer · 2013-04-07T21:11:00

selected index change event not firing with onchange method in javascript

3 solutions

Solution 1

Solution 2

Solution 3

Add your solution here

Preview 0

selected index change event not firing with onchange method in javascript

3 solutions

Solution 1

Solution 2

Solution 3

Add your solution here

Preview 0

Existing Members

...or Join us