[心得] IE 簡易 disabled select

[mesak (米沙)]

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
→ grence:disabled的表單元素在 submit的時候好像就不會傳值喔
→ grence:這樣推文語氣好像怪怪的 囧>..只是想到可能的問題 僅供參考
推 tn801534:有時候必須用disabled來做到select readonly
→ tn801534:submit前再把它disabled取消...還蠻常用的
→ mesak:IE的OPTION 不吃 disabled 動態屬性，所以只能用這種方式輸
→ mesak:出
→ mesak:回 1f disbaled option 就是選不到，傳不傳值應該就不需要
→ mesak:考慮了吧?  以範例說，顏色只能選一次，後面選不到就會是空
→ mesak:跟OPTOIN 有沒有disabled 應該沒有太大差別
→ grence:看目的啦，有時候只是要 readonly效果，就…順口說說這樣
→ mesak:交流一下啊 又沒關係 XD 有交流才有開發
※ 編輯: mesak           來自: 112.104.199.126      (03/25 22:59)