티스토리 뷰

js

<optgroup> select box 그룹화

나뜨루다 2023. 12. 5. 15:27
728x90

<optgroup>은 <option> 태그의 여러 항목들을 그룹으로 묶어야 할 때 사용한다.

lable 속성을 이용하여 그룹의 제목을 그룹의 제목을 붙일 수 있으며 <optgroup>의 필수 속성이다.

<select class="" name="">
  <option value="">::선택하세요::</option>
    <optgroup label="큰그룹1"> 
      <option value="">작은그룹1-1</option>                     
      <option value="">작은그룹2-1</option>
      <option value="">작은그룹3-1</option>
    </optgroup>
  <optgroup label="큰그룹2">
    <option value="">작은그룹2-1</option>
    <option value="">작은그룹2-2</option>
    <option value="">작은그룹2-3</option>
    <option value="">작은그룹2-4</option>
  </optgroup>
</select>

 

저작자표시

'js' 카테고리의 다른 글

for in 문 사용 시 주의할 점  (1) 2023.12.08
트리구조 jsTree 사용해보기  (2) 2023.12.07
[jQuery] $.isNumeric() 숫자 확인 함수  (0) 2022.04.29
[JavaScript] 왼쪽 0 제거하는 두가지 방법  (0) 2022.04.13
[JavaScript] encodeURI()  (0) 2022.04.05