下記のドロップダウンメニューで「野球について」「サッカーについて」の行は見出しの役割なので選択できないようにしたいのですが、どうしたらいいでしょうか。野球についてとしてみましたが、ダメでした。ルールトップ野球について ├アウト ├セーフ ├ストライク └ボールサッカーについて ├ゴール ├フリーキック ├オフサイド └ファール

optgroupってご存じないですか？一度こちらでテストしてみてはいかがでしょうか？ルールトップ ├アウト ├セーフ ├ストライク └ボール ├ゴール ├フリーキック ├オフサイド └ファール

コレは論外ですか？ルールトップ野球について ├アウト ├セーフ ├ストライク └ボールサッカーについて ├ゴール ├フリーキック ├オフサイド └ファール -->

ご質問にある＞野球についてはFirefoxやOperaでは使用できますが IEではdisabled属性をoptionには使用できないようですね。サッカーについてとかにしておいて onchangeの後にワンクッション挟んでスクリプトでvalueが"NG"の項目を選ばれたらフォーカスを外すなどで回避したら如何でしょう。

ドロップダウンメニューで特定項目を選択できないようにしたい

解決済

質問者：litton101
質問日時：2007/04/18 11:52
回答数：3件

下記のドロップダウンメニューで
「野球について」「サッカーについて」の行は見出しの役割なので
選択できないようにしたいのですが、どうしたらいいでしょうか。

<option disabled>野球について</option>

としてみましたが、ダメでした。

<html>
<body>
<select onchange="location.href=this.options[this.selectedIndex].value">
<option value="./0.html">ルールトップ</option>
<option>野球について</option>
<option value="./1.html">　├アウト</option>
<option value="./2.html">　├セーフ</option>
<option value="./3.html">　├ストライク</option>
<option value="./4.html">　└ボール</option>
<option>サッカーについて</option>
<option value="./5.html">　├ゴール</option>
<option value="./6.html">　├フリーキック</option>
<option value="./7.html">　├オフサイド</option>
<option value="./8.html">　└ファール</option>
</select>
</body>
</html>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： yambejp
回答日時：2007/04/18 12:48

optgroupってご存じないですか？

一度こちらでテストしてみてはいかがでしょうか？

<html>
<body>
<select onchange="location.href=this.options[this.selectedIndex].value">
<option value="./0.html">ルールトップ</option>
<optgroup label="野球について">
<option value="./1.html">├アウト</option>
<option value="./2.html">├セーフ</option>
<option value="./3.html">├ストライク</option>
<option value="./4.html">└ボール</option>
</optgroup>
<optgroup label="サッカーについて">
<option value="./5.html">├ゴール</option>
<option value="./6.html">├フリーキック</option>
<option value="./7.html">├オフサイド</option>
<option value="./8.html">└ファール</option>
</optgroup></select>
</body>
</html>

- 0
- 件

通報する

この回答へのお礼

結論から言いますと、おかげさまで完璧です。

optgroupってSELECTの属性を調べていたら
何度か目にしたキーワードなのですが、
こういう使い方だったのですね。

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

通報する

お礼日時：2007/04/18 13:40

No.3

回答者： derr
回答日時：2007/04/18 12:55

コレは論外ですか？

<html>
<body>
<select onchange="location.href=this.options[this.selectedIndex].value">
<option value="./0.html">ルールトップ</option>
<option>野球について</option>
<option value="./1.html">　├アウト</option>
<option value="./2.html">　├セーフ</option>
<option value="./3.html">　├ストライク</option>
<option value="./4.html">　└ボール</option>

</select>
</body>
</html>

- 0
- 件

通報する

この回答へのお礼

アドバイスありがとうございました。
質問の仕方が悪くてすみませんでしたが
コメントで不可視にするというのではなく、
マウスで選択することができない、という
動作を望んでいました

NO2さんの方法で解決しました。

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

通報する

お礼日時：2007/04/18 13:41

No.1

回答者： ARIA9#2
回答日時：2007/04/18 12:16

ご質問にある

＞<option disabled>野球について</option>
はFirefoxやOperaでは使用できますが
IEではdisabled属性をoptionには使用できないようですね。

<option value="NG">サッカーについて</option>
とかにしておいて
onchangeの後にワンクッション挟んで
スクリプトでvalueが"NG"の項目を選ばれたら
フォーカスを外すなどで回避したら如何でしょう。