変更される前に選択ドロップダウンの以前の値を取得するにはどうすればよいですか?

変更前の選択ドロップダウン値の取得

Web 開発では、多くの場合、選択ドロップダウンの値を変更する前に取得する必要があります。ただし、一般的な「change」イベント ハンドラーは、変更が発生した後に値を取得します。

次の HTML スニペットを考えてみましょう:

<select name="test">
  <option value="stack">Stack</option>
  <option value="overflow">Overflow</option>
  <option value="my">My</option>
  <option value="question">Question</option>
</select>

現在 "My" オプションが選択されており、ユーザーがそれを「Stack」に変更すると、「change」イベント ハンドラーによって返される値は「Stack」になります。

変更前の値を取得するには、以下の組み合わせを使用する賢いソリューションを使用できます。 「focus」イベントと「change」イベント:

(function () {
  var previous;

  $("select").on('focus', function () {
    // Store the current value on focus and on change
    previous = this.value;
  }).change(function() {
    // Do something with the previous value after the change
    alert(previous);

    // Make sure the previous value is updated
    previous = this.value;
  });
})();

ユーザーがドロップダウンにフォーカスすると、「focus」イベントが発生し、現在の値を「previous」変数に保存します。その後、ユーザーが選択内容を変更すると、「change」イベントが発生し、「previous」に保存されている前の値を警告します。

このアプローチにより、変更前の値をすぐに処理できるようになり、柔軟性が向上します。選択ドロップダウンの変更を効果的に処理する際に使用されます。

以上が変更される前に選択ドロップダウンの以前の値を取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。