Web/HTML_CSS

콤보박스(select)에서 Readonly

벨포트조던 2017. 10. 31.
반응형

http://bryan7.tistory.com/145



[출처] 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' 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>



출처: http://bryan7.tistory.com/145 [민서네집]

반응형

댓글