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