29

option要素を非表示にする方法やoptgroupHTML要素を非表示にする方法はありますか？jQueryを呼び出しhide()て、通常の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>
4

1 に答える 1

11

私はこの解決策が私にとってうまくいくと思いました：

別の選択を行います例

$("#footer_canvas").after('<select id="parkingLot"></select>');

その後、それを非表示にします

$("#parkingLot").hide();

一部のoptgroupを「非表示」にする場合は、この非表示の選択に「パーク」するだけです。

$('#VehicleVehicleCategoryId optgroup[label="kategorie L"]').appendTo("#parkingLot");

同じようにあなたはそれを見えるようにすることができます。これは私のソリューションのほんの一部であり、私にとっては問題なく機能します。

于 2012-03-05T18:55:44.383 に答える