SELECTタグで変更禁止にする方法

質問

下記のようなSELECTで変更を禁止したいです。

<form name="MyForm">
<select name="MySelect" multiple>
<option val="1">A</option>
<option val="2" selected>B</option>
<option val="3">C</option>
<option val="4" selected>D</option>
</select>

disabledという手もありますが、選択されている状態を保持したまま
変更禁止にしたいです。
また、textareaなどに入れて、readonlyとという手もありますが、
状態によっては変更可能にもしたいので、SELECTのままが良いです。
もちろん方法論はjavascript以外でも構いません。
宜しくお願いします。

回答No.1

yambejp · ベストアンサー

変更されるたびに元にもどせばどうでしょう？

<script>
function changeFunc(obj){
for(var i=0;i<obj.options.length;i++){
var v= obj.options[i].value;
obj.options[i].selected=false;
if(v==2 || v==4) obj.options[i].selected=true;
}
}
</script>
<form>
<select name="MySelect" multiple onchange="changeFunc(this)">
<option value="1">A</option>
<option value="2" selected>B</option>
<option value="3">C</option>
<option value="4" selected>D</option>
</select>

お礼

その方法で凌ごうかと思います。
ご回答ありがとうございました。