jQuery를 사용하여 변경하기 전에 선택 드롭다운 값을 유지하는 방법은 무엇입니까?

jQuery를 사용하여 변경 전 선택 드롭다운 값 유지

이를 달성하려면 jQuery에서 포커스와 변경 이벤트를 결합하면 됩니다. 방법은 다음과 같습니다.

($ => {
  var previous;

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

이 코드에서는 focus 이벤트를 사용하여 드롭다운의 현재 값을 저장합니다. 드롭다운이 변경되면(변경 이벤트) 변경 전의 이전 값에 액세스하여 표시할 수 있습니다.

AJAX를 통해 페이지 로드 후 추가된 항목을 포함하여 동일한 페이지의 여러 선택 상자에 이 기능을 적용하려면 , 다음 업데이트된 코드를 사용할 수 있습니다:

$(document).ready(function() {
  $(document).on("focus", "select", function () {
    $(this).data('previous', this.value); 
  }); 

  $(document).on("change", "select", function() {
    const previous = $(this).data('previous'); 
    if (previous) {
      alert(previous); 
      $(this).data('previous', this.value); 
    }
  });
});

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