How to swap a disabled option DOM element to enabled?

Question

I have a list with enabled and disabled option. I do know how to disable an option element but what I don't know how to enable it again.

<select size="1" id="x">
  <option value="47" disabled="disabled">Value 47</option>
  ...


selectElement.options[i].disabled = 'disabled';
// ... how to enable?

It should be done with Plain Javascript and no JavaScript Framework. (I wish I could use Prototype or a similar framework but I cannot introduce one of them.)

score 5 · Accepted Answer · answered Nov 30 '10 at 15:12

5

Use setAttribute and removeAttribute:

selectElement.options[i].setAttribute("disabled", "disabled");
selectElement.options[i].removeAttribute("disabled");

answered Nov 30 '10 at 15:12

Gumbo

643,351
109
780
844

1.5 minutes... Thank you for your very quick help! – Thomas Nov 30 '10 at 15:14
1

IE doesn't like this very much, see Bobince's answer [here](http://stackoverflow.com/questions/706384/boolean-html-attributes/707702#707702). – Marcel Korpel Nov 30 '10 at 15:19

score 3 · Answer 2 · edited May 23 '17 at 10:33

3

The DOM object's property is a boolean value, that should be set to true or false:

selectElement.options[i].disabled = false;

Also see Boolean HTML Attributes.

edited May 23 '17 at 10:33

Community

1
1

answered Nov 30 '10 at 15:14

Marcel Korpel

21,536
6
60
80

How to swap a disabled option DOM element to enabled?

2 Answers2

Linked