ホームページ >ウェブフロントエンド >jsチュートリアル >選択ドロップダウンの値が変更される前にそれを取得するにはどうすればよいですか?

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

DDD
DDDオリジナル
2024-11-09 08:21:02872ブラウズ

How to Capture the Value of a Select Dropdown Before It Changes?

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

変更前の選択ドロップダウンの値を取得するには、「フォーカス」と「change」イベントを使用できます。

まず、クロージャを作成し、変更前の選択の値を保存する「previous」変数を宣言します。

次に、「focus」イベントをバインドします。すべての選択要素 ('$("select")') へのハンドラー。このハンドラー内で、フォーカスのある「previous」変数に現在の値を保存します。

最後に、「change」イベント ハンドラーを同じ選択要素にバインドします。変更ハンドラーでは、変更が発生した後、「previous」変数は変更前の値を保持します。以前の値で必要な処理を行った後、「previous」を現在の値に更新します。

このアプローチの例:

(function () {
    var previous;

    $("select").on('focus', function () {
        previous = this.value;
    }).change(function() {
        alert(previous);
        previous = this.value;
    });
})();

実際の例は、http: //jsfiddle.net/x5PKf/766

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。