Category: JQuery

10 Feb 2015 07:05

Joined:	11/09/2014
Level:	Bronze
Points:	88

Points:	5

Set Selected item in dropdown using jquery

0 down vote favorite

I m having two dropdownlist A and B.Dropdown A will loaded at the time of page load .Dropdown B will load based on dropdown A's selected item and value and I m loading Dropdown B using Json .

Now the problem is I m having a table and i m getting edit values from that html table and I need to refill these values to corresponding dropdowns.

First I set the selected item for Dropdown A by

$("#ctl00_MainContent_A option:contains("'Test' ")").prop('selected', 'selected');

Its working fine , and I load dropdown B by using the A's Selected item text by using Json.

After load B,the new options are loaded into Dropdown B and I m trying to set selected text for dropdown B by same above

$("#ctl00_MainContent_B option:contains("'Test B' ")").prop('selected', 'selected');

now the operation not working . I checked ,when i use each function for Dropdown B's option

$("#ctl00_MainContent_B > option").each(function() {
alert(this.text + ' ' + this.value);
});

Its just give the only one item text and value in alert, not giving the all newly loaded options text and values in alert.

Please give me any solution ..

Thanks in advance

#756343

10 Feb 2015 21:13

Joined:	06/04/2010
Level:	Gold
Points:	857

Points:	2

Using the value:

$('[name=options]').val( 3 );

To reset it use:

$('[name=options]').val( '' );

Using the text:

$('[name=options] option').filter(function() {
return ($(this).text() == 'Test');
}).prop('selected', true);

#756346

10 Feb 2015 22:47

Joined:	12/11/2009
Level:	Gold
Points:	43848

Points:	2

Hi,
Since you are not able to set the correct value in second DropDownList there are two reasons.

1. Either the value you are setting is not available in the DropDownList.
or
2. Your second dropdownlist is not populated properly.

Regards,
Asheej T K

#757498

31 Mar 2015 05:18

Joined:	25/08/2011
Level:	Gold
Points:	780

Points:	3

Hi Ramesh,

as you said its problem of the time dilay. i think your code is trying to set the dropdown value before its loaded from json, then its not able to set the value, try to identify the load first then set the value then you can archive your target.

if you want more help then share your code snippet then we can suggest you in better way.

Regards
SriSunny

Set Selected item in dropdown using jquery

About dotnetspider.com

Quick Links

General

Services