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

변경 전 선택 드롭다운 값 검색

웹 개발에서는 선택 드롭다운 값이 변경되기 전에 캡처해야 하는 경우가 많습니다. 그러나 일반적인 '변경' 이벤트 핸들러는 변경이 발생한 후 값을 검색합니다.

다음 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>

현재 "내" 옵션이 선택되어 있고 사용자가 이를 "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' 이벤트가 실행되고 ' 이전' 변수입니다. 이후에 사용자가 선택 항목을 변경하면 'change' 이벤트가 실행되고 '이전'에 저장된 이전 값에 대해 경고합니다.

이 접근 방식은 변경 전 값을 즉시 처리할 수 있도록 보장하여 더 큰 유연성을 제공합니다. 선택 드롭다운 변경 사항을 효과적으로 처리합니다.

위 내용은 선택 드롭다운이 변경되기 전에 이전 값을 얻는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!