민서네집

콤보박스(select)에서 Readonly 본문

WEB (HTML, CSS)

콤보박스(select)에서 Readonly

브라이언7 2013. 6. 11. 09:19

[출처] http://blog.naver.com/csk7179/80112888854


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

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

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

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

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

 

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

 

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

 

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

 

<select name='choice' id='choice' 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>


Chrome 브라우저에서 테스트 해 보니 잘 되었다.


[참고] http://www.okjsp.net/bbs?seq=118686

Comments