jQuery to remove an option from drop down list given option s text value

Question

I have a drop down list and would like to remove an option from it  given the text value of that particular option  Is it possible using jQuery  Just like  append  which adds an option to the drop down list  is there a function to remove an option   I tried searching for it but all I got were examples where the entire set of options in the drop down list are removed  which is not what I seek   cheers

User · Accepted Answer

option value  foo     remove     or better  if you have few selects in the page        select id option value  foo     remove

User · Answer

I know it is very late but following approach can also be used    lt select id  type  name  type   gt       lt option value  Permanent  id  permanent  gt I am here to stay  lt  option gt       lt option value  toremove  id  toremove  gt Remove me  lt  option gt       lt option value  Other  id  other  gt Other lt  option gt   lt  select gt    and if I have to remove second option  id toremove   the script would look like      toremove   hide

User · Answer

Once you have localized the dropdown element  dropdownElement       dropdownElement      Find the  lt option gt  element using the JQuery attribute selector   dropdownElement find  option value foo    remove

User · Answer

First find the class name for particular select        id   val          selectoptionclassname   selectpicker  refresh

User · Answer

id option   remove      This will clear the Drop Down list  if you want to clear to select value then     id option selected   remove

User · Answer

Many people had difficulty in using this keyword when we have iteration of Drop-downs with same elements but different values or say as Multi line data in USER INTERFACE    Here is the code snippet     this  find  option value yourvalue     Hope you got this

User · Answer

I have used the above option to  hide entries from 2 drops down boxes  first you select the city  then you selected the area within that city   It works fine on screen but the hidden options are still selectable via keyboard inputs

[jquery] jQuery to remove an option from drop down list, given option's text/value

Examples related to jquery

Examples related to drop-down-menu