selectbox 에 readOnly 속성과 같은 기능구현, SELECT readonly 효과 주기
페이지 정보
작성자 서방님 댓글 0건 조회 203회 작성일 16-07-28 14:25본문
selectbox에는 readOnly속성이 없다. 대신에 disabled속성은 있다.
근데, diabled속성은 readOnly처럼 다른값으로 변경이 불가능하게 하는건 비슷하다.
하지만 disabled속성은 submit시 해당값자체가 아예 넘어가지 않는다.
그래서 selectbox에도 readOnly속성이 있으면 딱 좋은데....쩝
대신에 readOnly처럼 처리를 하면 그만인것이다.
방법은 알고나면 너무나 간단하다.
disabled 속성을 true로 해서 변경불가능하게 해놓고
submit시 disabled속성을 false로 주면 되는것이다. ^o^
주의할 점은 submit이전에 모든 validation체크를 마친 후에 submit직전에 해줘야 한다.
안그러면 validation체크에 걸려서 submit되지 못한 상태에서 disabled속성이 풀려버리면
안되기 때문이다.
============================================
nput 에는 readonly가 있지만, SELECT BOX에는 readonly가 따로 없다.
임시로 disable 한 후에 폼데이터를 넘기면 데이터값이 넘어가지 않는다.
그래서 disable 한 후에 폼데이터를 넘기기 직전에 disable을 풀어주는 방법과
아래와 같이 option들을 disable 하는 방법이 있다.
<select >
<option disabled="disabled" value="volvo">Volvo</option>
<option disabled="disabled" value="saab">Saab</option>
<option disabled="disabled" value="mercedes">Mercedes</option>
<option disabled="disabled" value="audi">Audi</option></select>- jquery 이용
$("#mySelectID option").not(":selected").attr("disabled", "disabled");
// to remove readonly, enable them again:
$("#mySelectID option").not(":selected").attr("disabled", "")출처 : http://stackoverflow.com/questions/8311278/disable-readonly-select-tag-in-html
댓글목록
등록된 댓글이 없습니다.
