ホームページ > ウェブフロントエンド > jsチュートリアル > HTML 選択のオプションをプログラムで表示できますか?

HTML 選択のオプションをプログラムで表示できますか?

DDD
リリース: 2024-12-13 02:37:10
オリジナル
865 人が閲覧しました

Can I Programmatically Display an HTML Select's Options?

HTML 選択のオプションをプログラムで表示する方法

一般に、HTML 選択のオプションをプログラムで表示することは不可能であることが知られています。ただし、Chrome でこの機能を許可する古いメソッドが存在していました。

非推奨の Chrome メソッド

HTML5 W3C Working Draft に従って、select などのインタラクティブ コンテンツ要素をアクティブ化できます。キーボード、マウスのクリック、プログラムによるなど、さまざまな手段を使用します。

使用document.createEvent() と .dispatchEvent() を使用すると、合成クリック イベントを生成し、マウスオーバー時にオプションを表示することができました。

実装

サンプル実装が含まれています次の手順:

  1. MouseEvent を作成する関数 showDropdown を定義します。 「mousedown」タイプを取得し、選択要素に送出します。
  2. ボタンのクリック イベントで、showDropdown 関数を呼び出してオプションを表示します。

制限事項

技術的には実現可能ですが、このメソッドは非推奨となり、最新のブラウザでは機能しません。また、Chrome でのみ機能し、公式にサポートされていない動作に依存するという注意点もありました。

以上がHTML 選択のオプションをプログラムで表示できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート