HTML DOM Select 대상

Select 객체

Select 객체는 HTML <select> 요소를 대표합니다.

Select 객체 접근

<select> 요소에 접근할 수 있는 방법은 getElementById()를 사용합니다:

var x = document.getElementById("mySelect");

직접 시도해보세요

푸시:또한 양식의 elements 집합을 순회하면 Select 객체에 접근할 수 있습니다.

Select 객체 생성

document.createElement() 메서드를 사용하여 <select> 요소를 생성할 수 있습니다:

var x = document.createElement("SELECT");

직접 시도해보세요

Select 객체 집합

집합 설명
options 下拉列表에 있는 모든 옵션의 집합을 반환합니다。

Select 객체 속성

속성 설명
autofocus 페이지가 로드될 때下拉列表가 자동으로 포커스를 받을지 설정하거나 반환합니다。
disabled 下拉列表를 비활성화하거나 비활성화 상태를 반환합니다。
form 下拉列表가 포함된 양식을 참조하는 것을 반환합니다。
length 下拉列表에 있는 <option> 요소의 개수를 반환합니다。
multiple 下拉列表에서 여러 옵션을 선택할 수 있는지 설정하거나 반환합니다。
name 下拉列表의 name 속성 값을 설정하거나 반환합니다。
selectedIndex 下拉列表에서 선택된 옵션의 인덱스를 설정하거나 반환합니다。
size 下拉列表의 size 속성 값을 설정하거나 반환합니다。
type 下拉列表이 어떤 유형의 형식 요소인지 반환합니다。
value 下拉列表에서 선택된 옵션의 값을 설정하거나 반환합니다。

Select 객체 메서드

메서드 설명
add() 下拉列表에 옵션을 추가합니다。
checkValidity()
remove() 下拉列表에서 옵션을 제거합니다。

표준 속성과 이벤트를 모두 지원합니다.

Select 객체는 표준속성과이벤트。

관련 페이지

HTML 교육:HTML 양식

HTML 참조 문서:HTML <select> 태그