作者jtorngl (chEnXi)
看板Ajax
标题[问题] 请问IE有将<option>隐藏的方法吗
时间Thu Jun 9 21:26:53 2011
<select name='vat.reas' multiple='multiple'>
<option value='01'>aaaa</option>
<option value='02'>bbbb</option>
<option value='03'>cccc</option>
．
．
．
<option value='99'>abcabc</option>
<option id='optionAll' value='!ALL' style='display:none'>all</option>
</select>
<input id='imptSelectAll' type='checkbox' /> 全选
$(document).ready(function() {
$("
#imptSelectAll").bind("click", function() {
if ($(this).attr("checked")) {
$("
#optionAll").prevAll().each(function(){
$(this).removeAttr("selected").attr("disabled", "disabled");
});
$("
#optionAll").attr("selected", "selected");
} else {
$("
#optionAll").prevAll().each(function(){
$(this).removeAttr("disabled");
});
$("
#optionAll").removeAttr("selected");
}
});
}
因为option有很多选项，而全选时不希望把所有值，故全选以一个代号代表
把全选的<option>隐藏，当勾选全选的checkbox时，将所有<option>disable
并设定全选的<option>的selected属性
不过用IE时(目前使用IE8)， style=display:none 并无效果 (jQuery.hide()也没用了)
故想请问是否有CSS hack或其它方法能达到将<option>给隐藏的做法
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 114.45.140.15
1F：推 B9: .detach() 06/09 21:42
2F：→ jtorngl:谢叶酸大，尝试中 06/09 22:12
3F：→ jtorngl:暂时移除不能解决，因为勾全选时又把optionAll加进去 06/10 09:32
4F：→ jtorngl:不过optionAll原本用意就是一直隐藏，只控制selected属性 06/10 09:32