IT story

비활성화 된 입력 필드의 값 제출

hot-time 2020. 9. 8. 21:58
반응형

비활성화 된 입력 필드의 값 제출


입력 필드를 비활성화하고 싶지만 양식을 제출할 때 여전히 값을 전달해야합니다.

사용 사례 : Google지도에서 위도와 경도를 가져 와서 표시하고 싶지만 사용자가 편집하는 것을 원하지 않습니다.

이게 가능해?


양식에서 입력 필드를 비활성화하고 싶습니다. 양식을 제출할 때 비활성화 된 양식 의 값 이 제출되지 않습니다 .

사용 사례 : Google지도에서 Lat Lng를 가져 오려고하는데 표시하고 싶지만 사용자가 수정하는 것을 원하지 않습니다 .

readonly입력 필드에서 속성을 사용할 수 있습니다.

<input type="text" readonly="readonly" />

나는 이것이 오래되었다는 것을 알고 있지만 방금이 문제에 부딪 쳤고 어떤 대답도 적합하지 않습니다. nickf의 솔루션은 작동하지만 자바 스크립트가 필요합니다. 가장 좋은 방법은 필드를 비활성화하고 값을 전달하는 것입니다. 숨겨진 입력 필드를 사용하여 값을 양식에 전달하는 것입니다. 예를 들면

<input type="text" value="22.2222" disabled="disabled" />
<input type="hidden" name="lat" value="22.2222" />

이렇게하면 값이 전달되지만 사용자는 회색으로 표시된 필드를 볼 수 있습니다. readonly 속성은 회색으로 표시되지 않습니다.


Readonly 속성을 사용할 수도 있습니다. 입력은 회색으로 표시되지 않지만 편집 할 수 없습니다.

<input type="text" name="lat" value="22.2222" readonly="readonly" />

입력 요소에는라는 속성이 disabled있습니다. 양식이 제출되면 다음과 같은 코드를 실행하십시오.

var myInput = document.getElementById('myInput');
myInput.disabled = true;

참고 URL : https://stackoverflow.com/questions/4045648/submitting-the-value-of-a-disabled-input-field

반응형