作者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)