• ベストアンサー

HTMLのSELECTタグの選択肢表示方向

もしお分かりの方おられましたらご教示いただけましたら助かります。 HTMLのSELECTタグですが、 ▼を押すと選択肢が出てきます。 この表示される方向が上のときと下のときがあるのですが、 どちらに表示されたかをJavascriptで取得したいと思っています。 そのようなことはできるのでしょうか。。 やりたいことは、SELECTをクリックされたときに、 選択肢が上に出るときは、選択肢のリストの内容を逆順にしたいと思っています。 よろしくお願いします。

質問者が選んだベストアンサー

  • ベストアンサー
  • pringlez
  • ベストアンサー率36% (598/1630)
回答No.2

・基本的に下に表示する ・ディスプレイからはみ出す場合には上に表示する という仕様のようですので ・ディスプレイのサイズ ・ブラウザのウインドウのサイズ ・SELECT要素の位置 ・ブラウザのスクロール位置 ・SELECT要素のリストの長さ から算出すれば実現可能だと思います。 それぞれJavaScriptで取得可能ですが ブラウザの種類やバージョンによって 取得方法が異なったり取得できないものもあるかもしれません。

gogoyamada
質問者

お礼

確かにできそうですが、なかなか力業ですね。。 ちょっとクロスブラウザ対応をしていく自信が無いので、 考えたいと思います。 ありがとうございます!

その他の回答 (1)

  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.1

理論的にはできないこともないでしょうけど、 場合わけが大変ですし、例外も多いと思うので やめておいたほうが良いと思いますよ

gogoyamada
質問者

お礼

ご回答ありがとうございます。 理論的に不可能ではないとのことですが、 ざっくりでもけっこうですので、どのような方法か教えて頂けないでしょうか。。

関連するQ&A

専門家に質問してみよう