SELECT disabled 사용 시 주의점

form을 submit할 때 GET, POST 방식에 상관없이 disabled 속성을 가진 태그의 value는 전달되지 않는다.

따라서 submit 직전 disabled 속성을 제거해주는 방법을 사용했다.

 

■ readonly

- select 선택 기능 사용불가

- submit 시 value 전달

- focus 가능

- 속성 사용 가능 엘리먼트 : input, textarea 등

 

■ disabled

- select 선택 기능 사용불가

- submit 시 value 전달되지 않음

- focus 불가능

- 브라우저마다 표시 방식이 다름(색 등...)

- 속성 사용 가능 엘리먼트 : button, input, optgroup, option, select, textarea 등

 

[ jQuery disabled 속성 추가, 삭제 사용 방법 ]
$("#test_id").attr("disabled", true); //추가
$("#test_id").attr("disabled", false); //삭제
$("#test_id").prop("disabled", true); //추가
$("#test_id").prop("disabled", false); //삭제
$("#test_id").removeAttr("disabled"); //삭제