showPicker() for <select>
HTMLSelectElement.showPicker() は select 要素のドロップダウンメニューをプログラムから表示します。
概要
HTMLSelectElement.showPicker() は select 要素のドロップダウンメニューをプログラムから表示します。
対応ブラウザ
デスクトップ
Chrome 121+
Edge 121+
Safari 未対応
Firefox 122+
モバイル
Chrome Android 121+
Safari iOS 未対応
Firefox Android 122+
基本構文
HTML
<select id="mySelect">
<option>選択肢1</option>
<option>選択肢2</option>
</select>
<button onclick="document.getElementById('mySelect').showPicker()">
選択を開く
</button>実務での使いどころ
-
showPicker() for <select> の活用
select.showPicker()。プログラムからselectのドロップダウンを表示するメソッド。
注意点
- 一部のブラウザでのみ対応。使用前にブラウザサポートを確認すること。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。