<div>
<div class="content wysiwyg-content">
I am attempting to add the disabled property when an option is selected to prevent users from trying to select it again and remove the property when the &quot;X&quot; icon is clicked.<br />
<br />
Right now the prop removal works when only one option is added at a time but when multiple options are added the prop only gets removed off of the most recently added option.<br />
<br />
Check <a href="https://jsfiddle.net/4jykw59j/" rel="ugc">JSFiddle</a> for project
</div>
</div>


I am attempting to add the disabled property when an option is selected to prevent users from trying to select it again and remove the property when the "X" icon is clicked.

Right now the prop removal works when only one option is added at a time but when multiple options are added the prop only gets removed off of the most recently added option.

Check JSFiddle (https://jsfiddle.net/4jykw59j/) for project

Removing prop() from a select option

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.

JavaScript

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.