ansaurus

Question

JQuery: Hide options of select according to option value

Answer 1

+4 A:

Hi there.

Try

$("select > option[value*='TR']").remove()

EDIT:

Or if you know that 'TR' is always at the end, then

$("select > option[value$='TR']").remove()

Not sure how much more efficient the above is compared to searching the entire value attribute.

Cheers. Jas.

Jason Evans 2010-07-02 09:53:11

Thank you. I adjusted your solution to my needs: $(function() { $('#IBE1_IBE_NurFlug1_ddl_Abflughafen > option[value*="TR"]').hide(); });

2010-07-02 10:23:31

@ceyago - Ahh yeah, I misread your requirement. `remove()` actually gets rid of the `<option>` which isn't what you wanted. Using `hide()` works better.

Jason Evans 2010-07-02 10:25:06

Ya its working fine. i have tried following.$("select > option[value$='TR']").remove()

Amit 2010-07-02 10:43:35

As pointed here: http://stackoverflow.com/questions/2324250/style-displaynone-doesnt-work-on-option-tags-in-chrome-but-it-does-in-firefox, WebKit ignores display:none on option tags. So you should really remove and add them as you need.

clinisbut 2010-10-28 10:30:14

Answer 2

A:

Does anybody know why this is not working in the browsers MSIE 8 and Safari 5?

2010-07-02 11:32:15

Same here, seems at least that WebKit (Safari and Chrome) ignores display:none on an option element.

clinisbut 2010-10-28 10:02:04

ansaurus

tags:

views:

answers:

JQuery: Hide options of select according to option value

related questions