HTML DOM 선택 옵션 모음
개체 선택 정의 및 사용
컬렉션을 반환하는 옵션은 모든 <옵션>을 포함하는 배열 <선택> 요소이다.
주 : 배열의 각 요소는 <옵션> 태그에 해당 - 0부터 시작.
문법
selectObject.options
재산
| 属性 | 描述 |
|---|---|
| length | 返回集合的option元素数目 |
| selectedIndex | 设置或者返回select对象已选选项的索引值。(以 0 起始) |
방법
| 方法 | 描述 |
|---|---|
| [index] | 以数字形式指定元素索引 (以 0 开始) |
| [add(element[,index])] | 在集合中添加option元素 |
| item(index) | 以数字索引返回集合中元素 |
| namedItem(name) | 以名称为索引返回集合元素 |
| remove(index) | 从集合中移除元素 |
브라우저 지원
모든 주요 브라우저 옵션 모음을 지원
예
예
모든 옵션의 출력 드롭 다운 목록의주기 :
<! DOCTYPE html로>
<HTML>
<헤드>
<메타 문자 집합 = "UTF-8">
<제목>이 튜토리얼 (w3big.com) </ 제목>
<스크립트>
displayResult 함수 () {
VAR X = document.getElementById를 ( "mySelect");
var에 TXT = "모든 옵션";
var에 난;
용 (전 = 0; i가 x.length을 <; 내가 ++) {
TXT = TXT + "\ n"+ x.options [I]는 .text;
}
경고 (TXT);
}
</ 스크립트>
</ 헤드>
<바디>
<양식>
좋아하는 과일 :
<선택 한 id = "mySelect">
<옵션> 애플 </ 옵션>
<옵션> 오렌지 </ 옵션>
<옵션> 파인애플 </ 옵션>
<옵션> 바나나 </ 옵션>
</ 선택>
</ FORM>
<버튼 유형 = "버튼"onclick을 = "displayResult는 ()"> 모든 옵션의 텍스트를 표시하기 위해 </ 버튼>
</ BODY>
</ HTML>
<HTML>
<헤드>
<메타 문자 집합 = "UTF-8">
<제목>이 튜토리얼 (w3big.com) </ 제목>
<스크립트>
displayResult 함수 () {
VAR X = document.getElementById를 ( "mySelect");
var에 TXT = "모든 옵션";
var에 난;
용 (전 = 0; i가 x.length을 <; 내가 ++) {
TXT = TXT + "\ n"+ x.options [I]는 .text;
}
경고 (TXT);
}
</ 스크립트>
</ 헤드>
<바디>
<양식>
좋아하는 과일 :
<선택 한 id = "mySelect">
<옵션> 애플 </ 옵션>
<옵션> 오렌지 </ 옵션>
<옵션> 파인애플 </ 옵션>
<옵션> 바나나 </ 옵션>
</ 선택>
</ FORM>
<버튼 유형 = "버튼"onclick을 = "displayResult는 ()"> 모든 옵션의 텍스트를 표시하기 위해 </ 버튼>
</ BODY>
</ HTML>
»시도
더 많은 예제
또한, 풀다운 메뉴 옵션을 통해 현재의 드롭 다운 메뉴에 대한 옵션을 수정합니다.
개체 선택