[心得] IE 簡易 disabled select
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
→
02/25 01:33, , 1F
02/25 01:33, 1F
→
02/25 01:36, , 2F
02/25 01:36, 2F
推
02/25 12:57, , 3F
02/25 12:57, 3F
→
02/25 12:57, , 4F
02/25 12:57, 4F
→
02/25 14:48, , 5F
02/25 14:48, 5F
→
02/25 14:48, , 6F
02/25 14:48, 6F
→
02/25 14:50, , 7F
02/25 14:50, 7F
→
02/25 14:51, , 8F
02/25 14:51, 8F
→
02/25 14:51, , 9F
02/25 14:51, 9F
→
02/25 23:27, , 10F
02/25 23:27, 10F
→
02/27 21:47, , 11F
02/27 21:47, 11F
※ 編輯: mesak 來自: 112.104.199.126 (03/25 22:59)
Ajax 近期熱門文章
PTT數位生活區 即時熱門文章
