loading

심재운 블로그

반응형

jquery select 태그의 option 비활성화 disabled 또는 선택막기

 

 

 

 

select 태그 값 중에 특정 하나의 option 을 비활성화 시켜서 클릭이 안되도록 하는 방법이 있는데요. 간단하게 option 의 속성 중 disabled 를 기재하면 글은 보이지만 선택이 되지 않습니다.

 

 

https://www.w3schools.com/tags/att_option_disabled.asp

 

HTML option disabled Attribute

HTML disabled Attribute ❮ HTML tag Example A drop-down list with one disabled option:

 

 

<select>
  <option value="volvo" disabled>Volvo</option>
  <option value="saab">Saab</option>
  <option value="vw">VW</option>
  <option value="audi">Audi</option>
</select>

 

jQuery 로도 간단하게 특정 option 에 대해 비활성화 가능한데요.

 

$("select option[value*='volvo']").prop('disabled',true);

 

volvo 라는 value값을 가진 option 들은 전부 비활성화 되도록 한 구문입니다. 간단하죠?

 

 

 

반응형

공유하기

facebook twitter kakaoTalk kakaostory naver band

댓글

비밀글모드

  1. 안녕하세요
    안녕하세요 잘 봤습니다!
    혹시 value*='Sold Out'에서 value 뒤에 * 붙히신건 어떤건지 여쭤봐도 될까요?
    2021.03.26 09:36
    • 값이 - Sold Out - 인데요. Sold Out 를 검색하면 적용되지 않아, *= 를 사용하면 문자열에 동일한 글이 포함되어 있으면 양쪽에 - 이 있어도 적용됩니다.
      2021.03.26 19:00 신고
    • https://css-tricks.com/almanac/selectors/a/attribute/ 사이트가 도움이 될거 같아서 드립니다.
      2021.03.26 19:01 신고