QA@IT

HTMLのselectタグをクリックしたときにドロップダウンリストが表示されているかどうかを調べる方法はありますか?

3855 PV

selectタグでクリックしたときにドロップダウンリストが表示されているかどうかを調べる方法ってありますでしょうか?

<コメントに先に書いてしまいましたが>
具体的には、selectタグをdivタグでラップして独自のスタイル適用したもの表示させているのですが、ドロップダウンリストが表示されている時にドロップダウンリストを表示させるボタンの画像を切り替えるということをしたいのです。

ちょっとネットで調べてみたのですがわかりませんでしたので、こちらで質問させていただきます。
どなたかご存知の方がいらっしゃったらご教授をお願いします。
(javascript, jQuery)

  • リストが表示されてる間に何かを動作させるの?/
    それとも自動選択?
    -
  • @asahina_cpコメント有難うございます。selectタグをdivタグでラップして独自のスタイル適用して表示させているのですが、この時にドロップダウンリストが表示されている時にドロップダウンリストを表示させるボタンの画像を切り替えたいのです。 -

回答

こんにちは

ドロップダウン中の判断方法はわかりません(無いのではないかと思っています)が
以下の jQueryプラグインではどうでしょう

http://designwithpc.com/Plugins/ddSlick#demo
http://jamielottering.github.com/DropKick/

実際につかっていないので恐縮ですが
ddSlick
の2番目のデモが既存のselectタグから生成できそうですね。

求める解決方法ではないかもしれませんが、
こういう方法はいかがですかということで投稿させてもらいました。

編集 履歴 (0)
  • 解答ありがとうございます。教えてくださったddSlickを使用することで実現したいことを実装することができました。 -
ウォッチ

この質問への回答やコメントをメールでお知らせします。