jQueryで変更される前にドロップダウンの値を取得する方法は?

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

jQuery では、 の値を取得するために変更イベントがよく使用されます。変更されたときのドロップダウン。ただし、このイベントは変更が発生した後の値のみを提供します。変更前のドロップダウンの値を取得するには、別のアプローチが必要です。

1 つの解決策には、フォーカス イベントと変更イベントを組み合わせることが含まれます。ドロップダウンがフォーカスを受け取ると、現在の値を変数に保存できます。変更イベントが発生すると、この保存された値を使用して、変更前の値を決定できます。

このソリューションを実装する方法は次のとおりです:

このスクリプト内:

フォーカス イベント リスナーは、ドロップダウンの現在の値を前の変数に保存します。 変更イベント リスナーが実行されます。前の値を利用するアクション (アラート ボックスに表示するなど)。 その後、前の変数はドロップダウンの新しい値に更新されます。 このアプローチにより、次のことが可能になります。変更される前にドロップダウンの値をキャプチャします。このテクニックはすべての に適用する必要があることに注意してください。この機能を必要とするページ上の要素。さらに、 要素は動的に挿入されるため、要素が DOM に追加された後にイベント リスナーをバインドする必要があります。

このソリューションの実際の例は、次の URL にあります: http://jsfiddle.net/x5PKf/ 766.