CODEWITHSUNDEEP
javascriptjquery
Alma
Alma

Reputation: 4390

Disable and Enable drop down using jquery

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.

Upvotes: 0

Views: 18529

Answers (4)

zahra
zahra

Reputation: 31

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)
});

Upvotes: 0

TimeO84
TimeO84

Reputation: 332

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>

Upvotes: 7

Karthik Prithviraj
Karthik Prithviraj

Reputation: 1

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; }

Upvotes: 0

Belfordz
Belfordz

Reputation: 630

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

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

Upvotes: 1

Related Questions