Incorrect behaviour of $.removeAttr("selected")

[smartmaxim@…]

Calling $.removeAttr("selected") on the option that doesn't have "selected" attribute, changes the selection. Example: ​http://jsfiddle.net/HHDpK/1/

Based on ​http://stackoverflow.com/questions/8226702/jquery-removeattrselected-changes-selected-option

[addyosmani]

Thanks for submitting a ticket to the jQuery bug tracker. Please note that switching over to using .prop() for such cases (and .removeProp()) or the property removal should solve the problem you're running into. See here (jsFiddle from the answer on your SO post): ​http://jsfiddle.net/HHDpK/3/.

[smartmaxim@…]

Do I understand you correctly that $.removeAttr() is not backward compatible since 1.6? Sure I'm going to use $.prop() in a new code, but there is plenty already written.

[Timmy Willison]

Do NOT remove native properties with .removeProp. They cannot be recreated. Instead, we recommend:

$elems.prop('selected', false);
$elems.prop('selected', true);

Anyway, with the boolHook, this should be working. In removeAttr, we are setting attributes to empty string before removal. Unfortunately, the mere presence of a boolean attribute indicates true for the property and sets all other options' selected properties to false, and then removes it.

[Timmy Willison]

​http://jsfiddle.net/timmywil/HHDpK/8/

[Timmy Willison]

#10883 is a duplicate of this ticket.

[Timmy Willison]

#11142 is a duplicate of this ticket.

[liveever@…]

Just check : It caused by #9699 (setting first, then removal) .

[Timmy Willison]

Do not set boolean attributes to empty string on removal. Fixes #10870. +0 bytes compressed

Changeset: d3320462df1253196e61b2daadc3cdfe1b4c3771