POST 데이터를 유지하면서 HTML 선택 태그에 대한 읽기 전용 속성을 시뮬레이션하는 방법은 무엇입니까?

POST 데이터를 유지하면서 HTML Select 태그에 대한 읽기 전용 속성 에뮬레이션

HTML에서 select 태그에는 전용 읽기 전용 속성이 없습니다. 비활성화된 속성을 사용할 수 있습니다. 그러나 양식 입력을 비활성화하면 POST 또는 GET 요청에 포함되지 않습니다.

이 문제를 해결하려면 선택 요소를 비활성화하고 동일한 이름과 값을 가진 숨겨진 입력을 추가하는 것이 해결 방법입니다. 선택 요소가 활성화되면 해당 값이 숨겨진 입력에 복사되어 읽기 전용 속성을 효과적으로 모방합니다.

다음은 구현 예입니다.

$('#mainform').submit(function() {
    $('#formdata_container').show();
    $('#formdata').html($(this).serialize());
    return false;
});

$('#enableselect').click(function() {
    $('#mainform input[name=animal]')
        .attr("disabled", true);
    
    $('#animal-select')
        .attr('disabled', false)
        .attr('name', 'animal');
    
    $('#enableselect').hide();
    return false;
});

비활성화 속성을 조작하고 값을 복사합니다. 선택 입력과 숨겨진 입력 사이에서 이 접근 방식은 데이터 게시를 허용하면서 읽기 전용 속성의 기능을 에뮬레이트합니다.

위 내용은 POST 데이터를 유지하면서 HTML 선택 태그에 대한 읽기 전용 속성을 시뮬레이션하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!