Existe uma maneira de esconderoption ouoptgroup Elementos HTML? Eu tentei ligarhide() no jQuery e também usando Javascript regular para definirstyle.display='none'.

Funciona no Firefox, mas não em outros navegadores. Na verdade, removendo-os do DOMfaz trabalho, então talvez haja uma maneira de salvar cada elemento DOM quando ele for removido e reinseri-los no mesmo lugar?

Meu HTML é assim:

<select name="propsearch[area]" id="propsearch_area">
    <option value="0">- Any -</option>
    <optgroup label="Bristol">
        <option  value="Hotwells">Hotwells</option>
        <option  value="Montpelier">Montpelier</option>
    </optgroup>
    <optgroup label="Cardiff">
        <option  value="Heath">Heath</option>
        <option  value="Roath">Roath</option>
    </optgroup>
    <optgroup label="Exeter">
        <option  value="Pennsylvania Road">Pennsylvania Road</option>
        <option  value="Lower North Street">Lower North Street</option>
    </optgroup>
    <optgroup label="Swansea">
        <option  value="Brynmill">Brynmill</option>
        <option  value="Uplands">Uplands</option>
    </optgroup>
</select>