Enter キーを使用してフォーム選択オプションの onClick イベントをシミュレートする

Question

値を関数に渡すフォームがあります。

リーリー リーリー

ただし、ユーザーが矢印キーと Enter キーを使用してオプションを選択した場合は機能しません。

Enter キーを押して適切な値を myfun() に渡すにはどうすればよいですか?

＃＃＃私はもう試した： ＃＃＃ リーリー

過去に要素を選択するために onchange を追加しようとしましたが、別の問題が発生しました。また、オプション リストを設定するコードを書き直す必要があります。

Answer 1

onChange 呼び出しを使用するとコードが重複することになりますが、これは実現可能なアイデアではありません。

select

で onChange イベントを使用できるように、データを data- セットに入れることを検討してください。このイベントは、キーボードの使用中に と を押すとトリガーされます。したがって、コードを複製する必要はありません。 次に、

dataset

を使用して、新しい値からデータを取得します:

リーリー リーリー

Answer 2

以下に示すように、代わりに select.onchange イベントを使用してください:

リーリー リーリー