- ベストアンサー
FORMのselectの選択肢を最初から表示するには
<SELECT SIZE=1> <OPTION>Ａ <OPTION>Ｂ <OPTION>Ｃ </SELECT> sizeは1のままで、 選択肢を最初から開けた状態に出来ないでしょうか？
- みんなの回答 （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> 参考になれば。
その他の回答 (5)
- 7L4QOI
- ベストアンサー率5% (1/17)
size属性はメニューの表示行数を指定しますので、 初めから、選択肢を全部表示したいなら size="3" ですね。 要するにリスト形式で表示したいのでは？。
size="1" 此の属性を保持した侭では絶対に無理。 ３つのoputionならsize="3"です。
お礼
絶対にむりですか。 javascriptでは出来ませんか？
- 7L4QOI
- ベストアンサー率5% (1/17)
選択肢を最初から開けた状態とは？ selectedを付加してできませんか？ <SELECT SIZE=1> <OPTION selected>Ａ <OPTION>Ｂ <OPTION>Ｃ </SELECT>
お礼
＞選択肢を最初から開けた状態とは？ 選択肢の右にある三角を反対にしたほうがボタンがありますが、 そのボタンをクリックした時に出てくる選択肢を全てを表示した状態です。 ＡＢＣ全てを表示したいです。
- yyr446
- ベストアンサー率65% (870/1330)
<option selected="true" value="a" />Ａ とか
お礼
ＡＢＣ全て表示したいです。
- yambejp
- ベストアンサー率51% (3827/7415)
＞選択肢を最初から開けた状態に出来ないでしょうか？ 標準できそうもないですね。 もし無理やりできたとしても部ブラウザーに依存しそうな そのようなイレギュラーな処理はやるべきではないでしょう。 どうしても必要な機能ということであれば、javascriptなどで 擬似SELECTを無理やり作るとか、flashでやるとか・・・
お礼
ＨＴＭＬだと出来そうもないのですね。 ちなみにjavascriptだとどんな感じなのでしょうか
お礼
＞＞もう見ていないかもしれませんが・・・ 見てます見てます！ なるほどたしかに出来ました。 ブラウザ上の見た目はselectタグのsize=3の時とかわらないのですね。 ありがとうございました。