重複の可能性:
プログラムで HTML SELECT をドロップダウンするように指示するにはどうすればよいですか (たとえば、マウスオーバーによる)。
Select 要素がフォーカスを取得したときに、Select 要素のドロップダウン リストを開くことは可能ですか?
クリックすると自動的にフォーカスされることは知っていますが、タブを押したときにも機能するようにしたいと思います。
重複の可能性:
プログラムで HTML SELECT をドロップダウンするように指示するにはどうすればよいですか (たとえば、マウスオーバーによる)。
Select 要素がフォーカスを取得したときに、Select 要素のドロップダウン リストを開くことは可能ですか?
クリックすると自動的にフォーカスされることは知っていますが、タブを押したときにも機能するようにしたいと思います。
残念ながら、あなたの質問に対する答えは単に「いいえ、現在の HTML および Javascript コントロールでは不可能です」です。
ただし、選択メニューに jQuery とこのプラグイン (https://github.com/fnagel/jquery-ui/wiki/Selectmenu) を使用すると、次のことができると思います。
$("#idofSelect").selectmenu("open");
また、あなたのアイデアの別の選択肢ですが、それほど派手ではないかもしれません:
document.getElementById("idOfSelect").setAttribute("size", 5);
これが行うことは、単純に複数行選択にすることなので、何らかの方法でオプションが表示されます...これをフォーカスで実行し、サイズを1にリセットしてイベントの伝播を停止するクリックで別のイベントを実行できます(したがってその onfocus は後で呼び出されません..) しかし、私が言ったように、これはプロフェッショナルなので、選択をそのまま使用するか、jQuery 選択メニューに切り替えて、自由に動的に開いたり閉じたりして楽しんでください: )
開始点として、JQueryを使用する場合は、トリガー関数を使用できます。たとえば、選択ボックスのIDが「names」の場合は、$('#names')。trigger('click');を呼び出すだけです。