콤보박스(select)에서 Readonly

출처 : http://cafe.naver.com/zalhe/179

수정화면을 개발시 읽을 수만 있고 변경을 못 하도록 할때 일반적으로

<input type="text" name="title" readonly> 처리를 한다.

그런데 체크박스/라디오버튼/Select는 readonly 프로퍼티가 먹지 않는다.

다른 방법은 disabled ( 예:<select name="jobtype" disabled> )

인데 이건 안타깝게도 처리화면으로 값을 넘기지 못한다.

 

해서 웹을 헤메이다 찾은 소스를 소개 합니다.

 

Select 에서 Readonly 와 같은 동작을 하게 하는 소스 입니다.

 

아래부분을 쫙 긁어다 붙여서 테스트 해보세요.^^

 

<소스 시작>

 

<select name='choice' id='choice' readonly style='background-color:#ababab'
onFocus='this.initialSelect = this.selectedIndex;'
onChange='this.selectedIndex = this.initialSelect;'>
<option value=''> </option>
<option value='Y' selected>Y</option>
<option value='N'>N</option>
</select>

[출처] 콤보박스(select)에서 Readonly (카페 블로그 디자인 제작 및 정보공유 커뮤니티) |작성자 나지뭐