HTML DOM 객체 선택
개체 선택
Select 객체는 HTML <select> 요소를 나타냅니다.
개체 선택에 액세스
getElementById()를 사용하여 <select> 요소에 액세스할 수 있습니다.
예시
var x = document.getElementById("mySelect");
팁: 양식의 요소 컬렉션을 검색하여 Select 개체에 액세스할 수도 있습니다 .
선택 개체 만들기
document.createElement() 메서드를 사용하여 <select> 요소를 만들 수 있습니다.
예시
var x = document.createElement("SELECT");
개체 컬렉션 선택
Collection | Description |
---|---|
options | Returns a collection of all the options in a drop-down list |
개체 속성 선택
Property | Description |
---|---|
autofocus | Sets or returns whether a drop-down list should automatically get focus when the page loads |
disabled | Sets or returns whether the drop-down list is disabled, or not |
form | Returns a reference to the form that contains the drop-down list |
length | Returns the number of <option> elements in a drop-down list |
multiple | Sets or returns whether more than one option can be selected from the drop-down list |
name | Sets or returns the value of the name attribute of a drop-down list |
selectedIndex | Sets or returns the index of the selected option in a drop-down list |
size | Sets or returns the value of the size of a drop-down list |
type | Returns which type of form element a drop-down list is |
value | Sets or returns the value of the selected option in a drop-down list |
개체 방법 선택
Method | Description |
---|---|
add() | Adds an option to a drop-down list |
checkValidity() | |
remove() | Removes an option from a drop-down list |
표준 속성 및 이벤트
Select 객체는 표준 속성 과 이벤트 도 지원합니다 .
관련 페이지
HTML 튜토리얼: HTML 양식
HTML 참조: HTML <select> 태그