본문 바로가기

웹개발

SELECT,readonly 효과 주기

input 에는 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