양식 제출에 비활성화된 선택 요소의 데이터를 포함하는 방법은 무엇입니까?

양식 데이터 포함을 위해 비활성화된 선택 및 숨겨진 입력 사용

HTML에서 태그에는 전용 읽기 전용 속성이 없기 때문에 개발자는 사용자 변경을 방지하기 위해 비활성화된 속성을 사용해야 합니다. 그러나 비활성화된 양식 입력은 POST/GET 데이터 제출에서 제외되므로 사용자가 선택한 값을 유지하려고 할 때 딜레마가 발생합니다.

이 문제를 극복하기 위한 실용적인 해결책은

요소가 비활성화되었지만 동일한 이름과 값을 가진 추가 숨겨진 입력이 도입되었습니다. 이렇게 하면 선택한 값을 캡처하여 양식 데이터에 포함할 수 있습니다.

나중에 입력하려면 onchange 이벤트를 사용하여 해당 값을 숨겨진 입력에 복제하고 동시에 이 숨겨진 입력을 비활성화(또는 제거)합니다.

다음 코드 데모를 고려하세요.

[코드 조각]

1. 양식 제출 시 제출된 데이터가 표시됩니다.
2. 처음에는

동물 선택 요소가 비활성화되었습니다.

"활성화" 버튼을 클릭하면 요소를 검색하고 해당 숨겨진 입력을 업데이트합니다.

이 기술을 사용하면

제출된 양식 데이터에서 선택한 항목을 유지하면서 태그를 추가합니다.

위 내용은 양식 제출에 비활성화된 선택 요소의 데이터를 포함하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!