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

본문 바로가기

jquery

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

페이지 정보

작성자 서방님 댓글 0건 조회 150회 작성일 18-09-11 09:38

본문

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", "");

댓글목록

등록된 댓글이 없습니다.

Total 155건 1 페이지
게시물 검색

회원로그인

접속자집계

오늘
206
어제
315
최대
592
전체
39,039

그누보드5
Copyright © seobangnim.com All rights reserved.
자바스크립트를 활성화 하세요![ 브라우저에서 자바스크립트를 활성화하는 방법 ]