SELECT,readonly 효과 주기 > jquery

jquery

SELECT,readonly 효과 주기

작성일 18-02-08 14:58

페이지 정보

작성자서방님 조회 575회 댓글 0건

본문

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

댓글목록

등록된 댓글이 없습니다.

게시물 검색