셀렉트박스(select box), 읽기전용(readonly) 처리 > jquery

input 에는 readonly 가 있지만, select box 에는 readonly 가 따로 없다.

disable 한 뒤, 폼을 넘기면 데이터값이 넘어가지 않는다.

그래서 disable 한 뒤, 폼을 넘기기 직전에 disable 을 해제하는 방법이 있다.

또는 아래와 같이 option 들을 disable 하는 방법도 있다.

<select id="mySelect">
	<option disabled="disabled" value="aaa">aaa</option>
	<option disabled="disabled" value="bbb">bbb</option>
	<option disabled="disabled" value="ccc">ccc</option>
	<option disabled="disabled" value="ddd">ddd</option>
</select>


// jquery 이용
$("#mySelect option").not(":selected").attr("disabled", "disabled");

// to remove readonly, enable them again:
$("#mySelect option").not(":selected").attr("disabled", "");