비활성화된 선택 요소에서 입력 필드 값 유지

값이 제출되었는지 확인하는 동안 양식 필드에 대한 사용자 수정을 방지할 수 있습니다. 특정 기술을 활용하여 달성됩니다.

선택 요소 비활성화 및 옵션

한 가지 접근 방식은 선택 요소와 해당 옵션을 모두 비활성화하는 것입니다. 이렇게 하면 사용자가 요소와 상호 작용할 수 없어 읽기 전용 효과가 생성됩니다. 그러나 값이 제출되는 것도 방지됩니다.

양식 제출 전 요소 활성화

이 문제를 해결하려면 양식을 제출하기 전에 비활성화된 드롭다운 메뉴를 모두 비활성화하세요. 이는 JavaScript를 통해 수행할 수 있습니다.

jQuery 코드

jQuery(function ($) {        
  $('form').bind('submit', function () {
    $(this).find(':input').prop('disabled', false);
  });
});

이 코드는 양식이 제출될 때 문제의 선택 요소를 포함하여 비활성화된 모든 양식 필드가 활성화되도록 합니다. 이렇게 하면 선택한 값이 양식 제출 데이터에 포함될 수 있습니다.