How to hide html form select option?

Question

I have a very simple form which I would like to hide select options when another select field refines it.

Currently I have tried dispay: none as an inline s

Answer 1

You cannot hide/remove individual options, only apply the attribute disabled on them. They will appear grey'ed out but won't be selectable.

You could progmatically keep a variable object that has all the data for the default configuration of the select. Then when you need to remove options you can but still have a way to know what needs to go into the select when all your conditions align.