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
$("option[value='foo']").remove();
or better (if you have few selects in the page):
$("#select_id option[value='foo']").remove();
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.
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.
First find the class name for particular select.
$('#id').val('');
$('#selectoptionclassname').selectpicker('refresh');