setting selectedIndex doesn't update dropdown position

[eXcel]

On my webpage, I noticed that if i did something like this

$('myDropdown').attr('selectedIndex',3);

the dropdown position would not change; however

alert($('myDropdown').attr('selectedIndex'));

prints 3

To see the correct behavior try something like this:

document.getElementById('myDropdown').selectedIndex = 3; 

which does change the dropdown position

use with

<form>
<select name="myDropdown" id="myDropdown">
<option value="a">a</option>
<option value="b">b</option>
<option value="c">c</option>
<option value="d">d</option>
<option value="e">e</option>
<option value="f">f</option>
</select>
</form>

Tested in Firefox 2.0.0.6

[brandon]

Fixed in SVN Rev: [3387]

[rosali]

It looks like this bug is back again since jQuery 1.6.1.

[chiu0602+bugs_jquery@…]

Replying to rosali:

It looks like this bug is back again since jQuery 1.6.1.

It happened on jQuery 1.6.2 too

[anonymous]

Yep. It took me an hour of fiddling to finally realize that.

[dmethvin]

Most likely you are using .attr() instead of .prop(). There is no *attribute* named selectedIndex so the code above is invalid.

[anonymous]

Replying to dmethvin:

Most likely you are using .attr() instead of .prop(). There is no *attribute* named selectedIndex so the code above is invalid.

Using .prop doesn't change anything, still doesn't work.

[prakashsinha12@…]

You Can get Selected index like this

$('myDropdown').get(0)('selectedIndex',3);

[anonymous]

Replying to prakashsinha12@…:

You Can get Selected index like this

$('myDropdown').get(0)('selectedIndex',3);

When using an asp.net dropdownlist (<asp:DropDownList), when I tried to set a selectedIndex on the dropdownlist using the above example, it does not work.

[dermotmcevoyrockey@…]

I have declare the asp:dropdownlist object as $("#<%=ddlCity.ClientID %>").get(0)('selectedIndex',3);

[anonymous]

14/04/2014

$('#login').prop('selectedIndex', index);

this works for me :)