リストの項目を表示のみで、選択できないようにしたいんです。

質問

おなじみの

<Select>
<option value = "00">ABC
<option vlaue = "01">DEF
</Select>

たとえば、このABCを表示のみで、選択できなくする方法等ご存知のいらっしゃいましたら、教えて下さい。

回答No.3

inoue64 · ベストアンサー

Javascriptを使う方法があります。
「選べません」を選ぶと、「選んでください」になります。

<SCRIPT>
<!--
function form_change(){
if(document.form1.select1.selectedIndex==1){
document.form1.select1.selectedIndex=0
}
}
// -->
</SCRIPT>
<form name=form1>
<select name=select1 onchange="form_change()">
<option>選んでください</option>
<option style=color:#888888>選べません</option>
<option>選べます</option>
</select></form>

関連アドレス とほほのWWW入門
<OPTION>タグ http://tohoho.wakusei.ne.jp/html/option.htm
JavaScript http://tohoho.wakusei.ne.jp/js/index.htm
「選べません」の色は、スタイルシートを使っています。
スタイルシート http://tohoho.wakusei.ne.jp/wwwcss.htm

お礼

ありがとうございました。
この方法で行きたいと思います。

ホントは html だけで実現したかったのですが。

ありがとうございました。

回答No.2

todo36

http://www.denpa.ac.jp/ka/c_2/htmlR/option.html#disabled
http://east.portland.ne.jp/~sigekazu/html/boolean.htm

お礼

御回答ありがとうございました。
でも残念ながら、うまく動いてくれません。
また何か有りましたら、よろしくお願いいたします。

回答No.1

todo36

<Select Disabled>とすればよい

参考URL：

http://www.hajimeteno.ne.jp/html40/d/disabled.html

補足

先ほどの質問に追加です。
複数の<option>が有るわけですが、このうちの任意の選択肢のみ選択不可にしたいのです。
たとえばこの場合は　ABC の項目は表示のみ、DEF の項目は選択可能にする。

環境は IE5.5です。

もしご存知の方いらっしゃいましたら、教えて下さい。