Disable and Enable drop down using jquery

Question

How I can make my drop down disable in Edit but enable in Create User. I have the drop down in MVC view and Create and Edit user in jquery. I already tried these but not making it disabled using any of these in jquery:

 $("#dropdown").prop("disabled", false);  

 $('#dropDownId').attr('disabled', true);

 $('#dropdown').prop('disabled', true);

and in my MVC with when I have like this:

  <select id="organization" class="create-user-select-half" disabled>

it making it disabled but I can not again Enable it in jquery.

Your id is organization, not dropdown or dropDownId. $('#organization').attr('disabled', true); — Paul Abbott
– Paul Abbott, Commented Jan 5, 2017 at 22:25

TimeO84 · Accepted Answer · 2019-09-15 15:55:51Z

7

You have to set

$("#dropdown").prop('disabled', true);

for disabling a control. To enable it again you have to call:

$("#dropdown").prop('disabled', false);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="organization" class="create-user-select-half" disabled>
  <option value="1">dsdsd</option>
  </select>

<button onclick="$('#organization').prop('disabled', false)">Enable</button>
<button onclick="$('#organization').prop('disabled',true)">Disable</button>

edited Sep 15, 2019 at 15:55

answered Jan 5, 2017 at 22:26

TimeO84

3321 silver badge11 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Alma Over a year ago

the remove is not working. so it is disabled in Create user as well.

TimeO84 Over a year ago

Please check your jQuery selectors. Just added a fiddle.

Alma Over a year ago

it is working here, but maybe because I am enable and disable in the Modal it is different and I am missing something..

TimeO84 Over a year ago

Please check the id of the dropdown and the selector in your jQuery script. id="organization" => $('#organization')

Alma Over a year ago

yes, it is correct, it make it disable but when I open the modal that is making is enable is not working.

|

Belfordz · Accepted Answer · 2017-01-05 22:24:48Z

1

you should remove the attribute all together in order to re-enable the dropdown.

$('#dropdown').removeAttr('disabled')

answered Jan 5, 2017 at 22:24

Belfordz

6406 silver badges13 bronze badges

Comments

Karthik Prithviraj · Accepted Answer · 2018-03-15 09:18:29Z

0

To enable all the child elements in a drop-down list:

for (var x = 0; x < $("#organization")[0].childElementCount; x++) { $('#organization')[0][x].disabled = false; }

answered Mar 15, 2018 at 9:18

Karthik Prithviraj

11 bronze badge

Comments

zahra · Accepted Answer · 2021-04-05 21:17:46Z

0

a disabled item is un-clickable. you can use a div outside of your select tag.

<div class="editable">
      <select id="organization" class="create-user-select-half" disabled>
</div>

$(".editable").on("click", function () {
    $('#organization').prop('disabled', false)
});

answered Apr 5, 2021 at 21:17

zahra

312 bronze badges

Collectives™ on Stack Overflow

Disable and Enable drop down using jquery

4 Answers 4

6 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

6 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related