[javascript] 콤보박스(select box)에 Readonly 처리 방법

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

<input type="text" name="title" readonly>

 처리를 한다.

 

그런데 체크박스(check box)/라디오버튼(radio button)/콤보박스(select box)는 readonly 속성이 없다.

 

비슷한 기능을 하는것이 disabled ( 예:<select name="jobtype" disabled> ) 속성인데 이건 처리화면으로 값을 넘기지 못한다.

(값을 넘기려면 hidden에 따로 담아야 한다.)

 

이때 아래와 같이 사용하면 콤보박스(select box) 에서 Readonly 와 같은 동작을 하게 할 수 있다.

<select class="select" title="발신번호 선택" name="hp_no1" onFocus='this.initialSelect = this.selectedIndex;' onChange='this.selectedIndex = this.initialSelect;'>
  <option <%=UserInfo.getString("hp1").equals("010") ? "selected" : "" %>>010</option>
  <option <%=UserInfo.getString("hp1").equals("011") ? "selected" : "" %>>011</option>
  <option <%=UserInfo.getString("hp1").equals("019") ? "selected" : "" %>>019</option>
  <option <%=UserInfo.getString("hp1").equals("018") ? "selected" : "" %>>018</option>
  <option <%=UserInfo.getString("hp1").equals("016") ? "selected" : "" %>>016</option>
  <option <%=UserInfo.getString("hp1").equals("017") ? "selected" : "" %>>017</option>
</select>

 

 

 

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