SELECT,readonly 효과 주기 > jquery

본문 바로가기
사이트 내 전체검색

jquery

SELECT,readonly 효과 주기

페이지 정보

작성자 서방님 댓글 0건 조회 308회 작성일 18-02-08 14:58

본문

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

댓글목록

등록된 댓글이 없습니다.

Total 193건 5 페이지
게시물 검색

회원로그인

접속자집계

오늘
73
어제
84
최대
1,347
전체
154,444
Latest Crypto Fear & Greed Index

그누보드5
Copyright © 서방님.kr All rights reserved.