JavaScript で選択要素の値を変更前に取得する方法

変更前の選択要素の値の取得

JavaScript は、開発者がユーザー操作に応答できるようにするさまざまなイベント リスナーを提供します。一般的なニーズの 1 つは、 の値を取得する機能です。変更前の (ドロップダウン) 要素。この手法は、比較のために前の値を保持する必要がある場合に、単一ページで複数のドロップダウンを操作する場合に特に役立ちます。

これを実現するには、フォーカス イベントと変更イベントを組み合わせて利用できます。次のコード スニペットは、その方法を示しています。

このコードは、グローバル名前空間の汚染を避けるために、匿名の自己実行関数を使用しています。すべての にイベント リスナーをアタッチします。ページ上の要素。ドロップダウンにフォーカスすると、現在の値が保存されます。選択内容が変更されると、以前の値が記録され、新しい選択内容で更新されます。

このアプローチにより、同じページ上で複数のドロップダウンを操作し、変更するたびに以前の値を取得できます。このコードをプロジェクトに統合すると、ユーザー エクスペリエンスが向上し、ドロップダウン入力を含むより高度な機能が容易になります。

以上がJavaScript で選択要素の値を変更前に取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。