有没有办法隐藏option
or optgroup
HTML 元素?我试过打电话hide()
在 jQuery 中,也使用常规 Javascript 来设置style.display='none'
.
它可以在 Firefox 中运行,但不能在任何其他浏览器中运行。实际上从 DOM 中删除它们does工作,所以也许有一种方法可以在删除每个 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>
我认为这个解决方案对我来说效果很好:
进行另一个选择,例如
$("#footer_canvas").after('<select id="parkingLot"></select>');
然后隐藏它
$("#parkingLot").hide();
当您想“隐藏”某个选项组时,只需将其“停放”在这个隐藏的选择中即可。
$('#VehicleVehicleCategoryId optgroup[label="kategorie L"]').appendTo("#parkingLot");
同样的方式你也可以让它可见。
这只是我的解决方案的片段,对我来说效果很好。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)