How to make all selected options enabled in select element using jQuery

In this article, I am sharing with you, how to enable all disabled selected options in select elements using jquery without iteration.

Without chosen-select

$

(

'.select-product'

).

find

(

"option:disabled"

).

prop

(

"disabled"

,

false

)

If using chosen-select, using 2nd example

$('.select-product').find("option:disabled").prop("disabled",false).trigger('chosen:updated')

1. No need to iterate.

2. Use selector :disabled to select all disabled

3. Use .prop() to set to enabled