Jquery filter a select, in which its parameters contain some string

Question

Consider below, select

<select id="phone_line" name="phone_line"> <option value=""></option> <option value="BB-11">Line 1</option> <option value="AA-22">Line 2</option> <option value="AA-33">Line 3</option> <option value="BB-44">Line 4</option> </select> 

If I want to filter the parameters and delete the row with the value BB-44 , I can do it like:

 $('#phone_line option').filter(' option[value="BB-44"] ').remove(); 

If I want to delete lines, which values are triggered using AA ? I can do this with each, as shown below:

 $("#phone_line > option").each(function () { if (this.value.substring(0, 2) === 'AA') { $("#phone_line option[value='" + this.value +"']").remove(); } }); 

But can I do this with filters (on the same line ?!). Code:

http://jsfiddle.net/mpp4emd1/

Answer 1

Using the starts with attribute will make a selector

 $('#phone_line option[value^="AA"]').remove(); 

Ref: The attribute begins with the selector [name ^ = "value"]

Demo

For more complex filtering, use filter(function)

 $("#phone_line > option").filter(function () { return this.value.substring(0, 2) === 'AA'; }).remove(); 

Answer 2

You can do this with $("#phone_line option").filter('[value^="AA"]').remove();

Answer 3

Try the following:

 $('#phone_line').find('option[value^="AA"]').remove(); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select id="phone_line" name="phone_line"> <option value="">select phone line...</option> <option value="BB-11">Line 1</option> <option value="AA-22">Line 2</option> <option value="AA-33">Line 3</option> <option value="BB-44">Line 4</option> </select> 

$('#phone_line').find('option[value^="AA"]') returns the collection, and you do not need to have .filter() to remove the parameters that trigger / contain the AA value.

Answer 4

I think this does the trick:

 $('#phone_line option').filter(' option[value^="AA"] ').remove(); 

Fiddle