Home/ Questions/Q 6363753
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T00:04:35+00:00

The select is sometimes too big so I want to filter it. I will

  • 0

The select is sometimes too big so I want to filter it. I will have 3 checkboxes to turn off/on some options based on values. Like in the sample on jsfiddle

  • if the value of an option contains d hide it – in my example we need to hide 2 options
  • if the checkbox is unchecked show the value

Could be done in jQuery. Any idea how?

It is good enough for me if it works in firefox ( chrome is good too but not necessary, the same for safari )

NOTE:

There are going to be 3 checkboxes to filter values that contain w, d and ,h. So the hiding/showing must work for all of them.

Final code on jsfiddle based on @ShankarSangoli answer.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Hiding an option in a select list is not supported in all the browsers. jQuery even cannot do anything to make it cross browser supported. But we can disable the option using disabled property.

    Here is the working demo with option disabled on checkbox click.

    http://jsfiddle.net/ggWJu/8/

    Here is the working demo to add/remove option from the select box on checkbox click. It adds the option at the same location where it was removed from.

    http://jsfiddle.net/ggWJu/9/

    Here is the fiddle which will add/remove all the options if the option value contains the checkbox value.

    http://jsfiddle.net/ggWJu/10/

    • 0