jQuery에서 드롭다운이 변경되기 전에 값을 얻는 방법은 무엇입니까?

변경 전 드롭다운 값 얻기

jQuery에서 변경 이벤트는 수정되면 드롭다운됩니다. 그러나 이 이벤트는 변경이 발생한 후에만 값을 제공합니다. 변경 전에 드롭다운 값을 얻으려면 다른 접근 방식이 필요합니다.

한 가지 해결 방법은 포커스와 변경 이벤트를 결합하는 것입니다. 드롭다운이 포커스를 받으면 현재 값을 변수에 저장할 수 있습니다. 변경 이벤트가 발생하면 저장된 값을 사용하여 변경 전 값을 확인할 수 있습니다.

이 솔루션을 구현하는 방법은 다음과 같습니다.

(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; }); })(); 이 스크립트의 내용은 다음과 같습니다.

포커스 이벤트 리스너는 드롭다운의 현재 값을 이전 변수에 저장합니다. 변경 이벤트 리스너는 경고 상자에 표시하는 등 이전 값을 활용하는 작업을 실행합니다. 이전 변수는 드롭다운의 새 값으로 업데이트됩니다. 이 접근 방식을 사용하면 드롭다운 값이 변경되기 전에 캡처할 수 있습니다. 이 기술은 모든 이 기능이 필요한 페이지의 요소. 또한 요소는 동적으로 삽입되므로 요소가 DOM에 추가된 후에 이벤트 리스너를 바인딩해야 합니다.

이 솔루션의 실제 예는 다음 URL에서 찾을 수 있습니다: http://jsfiddle.net/x5PKf/ 766.