重要なお知らせ

「教えて! goo」は2025年9月17日(水)をもちまして、サービスを終了いたします。詳細はこちら＞

【GOLF me！】初月無料お試し

FORMのselectの選択肢を最初から表示するには

解決済

  • 質問者：nezaway
  • 質問日時：
  • 回答数：6件

<SELECT SIZE=1>
<OPTION>Ａ
<OPTION>Ｂ
<OPTION>Ｃ
</SELECT>

sizeは1のままで、
選択肢を最初から開けた状態に出来ないでしょうか？

通報する

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

質問の本文を隠す

A 回答 (6件)

No.6ベストアンサー

もう見ていないかもしれませんが・・・



SELECTタグの▼ボタンで出てくる選択肢は「ドロップダウンリスト」と言います。これをJavaScriptで開閉することは現状では仕様外のようです。HTMLオブジェクトライブラリをざっと見てみましたが唯一IHTMLSelectElementExインターフェイスにShowDropdownというメソッドがあるだけで、このインターフェイスの使い方まではわかりませんでした。

なので、似たような動作を自作しなければならないわけです。
質問から推察した条件として
・selectタグのsizeは1のまま
・ページを開いた時点ですべての選択肢を可視化したい
・JavaScript On/Off で影響がないように
という３つに適合するものを作ってみました。

<body onload="document.forms.frm.sel.size = 3;">
<form id="frm">
<select id="sel" size="1" onchange="this.size = 1;">
<option>A</option>
<option>B</option>
<option>C</option>
</select>
</form>
</body>

参考になれば。
    • good
    • 0
    • 件
通報する
この回答へのお礼

＞＞もう見ていないかもしれませんが・・・
見てます見てます！

なるほどたしかに出来ました。
ブラウザ上の見た目はselectタグのsize=3の時とかわらないのですね。

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

通報する
お礼日時：2009/11/12 19:31

No.5

  • 回答者： 7L4QOI
  • 回答日時：

size属性はメニューの表示行数を指定しますので、


初めから、選択肢を全部表示したいなら
size="3"　ですね。

要するにリスト形式で表示したいのでは？。
    • good
    • 0
    • 件
通報する

No.4

size="1"


此の属性を保持した侭では絶対に無理。
３つのoputionならsize="3"です。
    • good
    • 0
    • 件
通報する
この回答へのお礼

絶対にむりですか。
javascriptでは出来ませんか？

通報する
お礼日時：2009/11/07 01:32

No.3

  • 回答者： 7L4QOI
  • 回答日時：

選択肢を最初から開けた状態とは？



selectedを付加してできませんか？

<SELECT SIZE=1>
<OPTION selected>Ａ
<OPTION>Ｂ
<OPTION>Ｃ
</SELECT>
    • good
    • 0
    • 件
通報する
この回答へのお礼

＞選択肢を最初から開けた状態とは？

選択肢の右にある三角を反対にしたほうがボタンがありますが、
そのボタンをクリックした時に出てくる選択肢を全てを表示した状態です。

ＡＢＣ全てを表示したいです。

通報する
お礼日時：2009/11/06 22:04

No.2

  • 回答者： yyr446
  • 回答日時：

<option selected="true" value="a" />Ａ


とか
    • good
    • 0
    • 件
通報する
この回答へのお礼

ＡＢＣ全て表示したいです。

通報する
お礼日時：2009/11/06 21:57

No.1

  • 回答者： yambejp
  • 回答日時：

＞選択肢を最初から開けた状態に出来ないでしょうか？



標準できそうもないですね。

もし無理やりできたとしても部ブラウザーに依存しそうな
そのようなイレギュラーな処理はやるべきではないでしょう。

どうしても必要な機能ということであれば、javascriptなどで
擬似SELECTを無理やり作るとか、flashでやるとか・・・
    • good
    • 0
    • 件
通報する
この回答へのお礼

ＨＴＭＬだと出来そうもないのですね。

ちなみにjavascriptだとどんな感じなのでしょうか

通報する
お礼日時：2009/11/06 21:54

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

このQ&Aを見た人がよく見るQ&A

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報