Lease Delete Selected Option For Free

Method 1: Removing the option in the box directly The option to be removed is selected by getting the select box. The value to be removed is specified on the value selector (value='optionValue') on the select box. The remove() method is then used to remove this selected option.

Set the selected property to false : $(selector). prop('selected', false) . I have added a button and attached a click event to be able to demonstrate. For multi select value you can pass empty array for unselect all options.

If you accidentally select an item from a list and need to remove it, hold down the CTRL button (on a Windows PC) or the Command button (on a Mac) and click on the item you want to uncheck. This will deselect the item and it will no longer be highlighted.

According to HTML specs, the select tag in HTML doesn't have a readonly attribute, only a disabled attribute. So if you want to keep the user from changing the dropdown, you have to use disabled .

Pressing the Ctrl key, you can click, or click-and-drag to deselect any cells or ranges within a selection.

The default value of the select element can be set by using the 'selected' attribute on the required option. This is a boolean attribute. The option that is having the 'selected' attribute will be displayed by default on the dropdown list.

Step 2 - disable first option by code$( "#category option:first-child" ) - select first child (option in this case) of select menu with id of category . first-child-selector docs.attr("disabled","disabled"); - set disable attribute by jquery. jQuery attr() Method docs // disable attribute docs.