作者mesak (米沙)
看板Ajax
标题[心得] IE 简易 disabled select
时间Thu Feb 24 16:30:33 2011
IE 在 disabled option 有点问题
参考了一下
http://tinyurl.com/l99f9 这个的做法
其实也没有多大参考，大概只有抄一下 CSS COLOR NAME而已
disabled 的同时 给予 option CSS颜色
子SELECT 在选取到该颜色，就把值给清空，这样就没作用了
完整程式码
http://jsfiddle.net/mesak/Nr9jH/2/
HTML
<select title="" id="color_p" name="color_p" size="1">
<option selected="selected" value="">请选择</option>
<option value="1">蓝色</option>
<option value="2">红色</option>
<option value="3">黄色</option>
</select>
<select title="" id="color_c" name="color_c" size="1">
<option selected="selected" value="">请选择</option>
<option value="1">蓝色</option>
<option value="2">红色</option>
<option value="3">黄色</option>
</select>
JAVASCRIPT
$("#color_p").change(function(){
var value = this.value
$("#color_c").children('option').each(function(i,n){
if( value == $(n).attr('value') ){
$(n).attr('disabled',true);
$(n).css({'color':'graytext'});
}else{
$(n).attr('disabled',false);
$(n).css({'color':'menutext'});
}
}).end().val('')
})
$("#color_c").change(function(){
if( this.value != '' && this.options[this.selectedIndex].style.color ==
'graytext'){
this.value = '';
}
});
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 112.104.199.118
1F：→ grence:disabled的表单元素在 submit的时候好像就不会传值喔 02/25 01:33
2F：→ grence:这样推文语气好像怪怪的 囧>..只是想到可能的问题 仅供参考 02/25 01:36
3F：推 tn801534:有时候必须用disabled来做到select readonly 02/25 12:57
4F：→ tn801534:submit前再把它disabled取消...还蛮常用的 02/25 12:57
5F：→ mesak:IE的OPTION 不吃 disabled 动态属性，所以只能用这种方式输 02/25 14:48
6F：→ mesak:出 02/25 14:48
7F：→ mesak:回 1f disbaled option 就是选不到，传不传值应该就不需要 02/25 14:50
8F：→ mesak:考虑了吧? 以范例说，颜色只能选一次，後面选不到就会是空 02/25 14:51
9F：→ mesak:跟OPTOIN 有没有disabled 应该没有太大差别 02/25 14:51
10F：→ grence:看目的啦，有时候只是要 readonly效果，就…顺口说说这样 02/25 23:27
11F：→ mesak:交流一下啊 又没关系 XD 有交流才有开发 02/27 21:47
※ 编辑: mesak 来自: 112.104.199.126 (03/25 22:59)