Есть ли способ скрытьoption или жеoptgroup HTML элементы? Я пробовал звонитьhide() в JQuery, а также с помощью обычного Javascript для установкиstyle.display='none'.

Он работает в Firefox, но не в других браузерах. На самом деле удаление их из DOMделает работать, так что, возможно, есть способ сохранить каждый элемент DOM, когда он удален, и повторно вставить их в том же месте?

Мой HTML выглядит так:

<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>