'javascriptselectboxdisable'에 해당되는 글 1건

  1. 2020.11.07 SELECT BOX readonly 효과주기
JavaScript2020. 11. 7. 13:00

 

 

 input에는 readonly가 있어도, SELECT BOX는 readonly가 없다.

그래서 disabled 옵션을 줄 수 있다.

disable하고 폼 데이터를 넘기면 데이터값이 넘어가지 않으니, disable할 때는 그점에 유의

아래처럼 option을 disable 할 수 있다.

 

<select id="deer_family">
    <option disabled="disabled" value="deer1">deer1</option>
    <option disabled="disabled" value="deer2">deer2</option>
    <option disabled="disabled" value="deer3">deer3</option>
    <option disabled="disabled" value="deer4">deer4</option>
</select>

 

 

//JQuery를 쓰는경우
$("#deer_family option").not(":selected").attr("disabled", "disabled");

//풀기
$("#deer_family option").not(":selected").attr("disabled", "");

'JavaScript' 카테고리의 다른 글

javascript 뒤로가기, history back  (0) 2020.11.07
Javascript 문자를 숫자로 변환  (0) 2020.11.07
javascript Object 출력  (0) 2020.11.07
비밀번호 유효성 검사 정규식  (0) 2020.11.07
Javascript input text 숫자만 입력  (0) 2020.11.06
Posted by 사슴영혼'-'