HTML DOM 선택 추가 () 메소드
개체 선택 정의 및 사용
추가 () 메서드에 사용되는 <선택>은 <옵션> 요소를 추가합니다.
문법
selectObject.add(option,before)
| 参数 | 描述 |
|---|---|
| option | 必需。要添加选项元素。必需是 option 或 optgroup 元素。 |
| before | 必需。在选项数组的该元素之前增加新的元素。如果该参数是null，元素添加到选项数组的末尾。 |
브라우저 지원
모든 주요 브라우저) (추가 방법을 지원
팁 : 추가 () 메서드는 페이지 IE8에서 문 및 IE의 DOCTYPE 이후 버전이 필요합니다!
예
예
다음 예는 드롭 다운리스트의 말미에 "위"옵션에 추가 할 수있다 :
<! DOCTYPE html로>
<HTML>
<헤드>
<메타 문자 집합 = "UTF-8">
<제목>이 튜토리얼 (w3big.com) </ 제목>
<스크립트>
displayResult 함수 () {
VAR X = document.getElementById를 ( "mySelect");
VAR 옵션 = document.createElement ( "옵션");
option.text = "키위";
{시도
IE8 이전 버전의 //
x.add (옵션 x.options [널]);
} 캐치 (E) {
x.add (옵션, 널 (null));
}
}
</ 스크립트>
</ 헤드>
<바디>
<양식>
<선택 한 id = "mySelect">
<옵션> 애플 </ 옵션>
<옵션> 배 </ 옵션>
<옵션> 바나나 </ 옵션>
<옵션> 오렌지 </ 옵션>
</ 선택>
</ FORM>
로 <br>
<버튼 유형 = "버튼"onclick을 = "displayResult ()"> 삽입 옵션 </ 버튼>
<P> <b> 참고 : </ b> 추가 () 메서드는 페이지에 DOCTYPE 선언을 추가, IE8에서 이상 작동합니다! 또한주의 IE 8의 이전 버전에 추가 코드가. </ P>
</ BODY>
</ HTML>
<HTML>
<헤드>
<메타 문자 집합 = "UTF-8">
<제목>이 튜토리얼 (w3big.com) </ 제목>
<스크립트>
displayResult 함수 () {
VAR X = document.getElementById를 ( "mySelect");
VAR 옵션 = document.createElement ( "옵션");
option.text = "키위";
{시도
IE8 이전 버전의 //
x.add (옵션 x.options [널]);
} 캐치 (E) {
x.add (옵션, 널 (null));
}
}
</ 스크립트>
</ 헤드>
<바디>
<양식>
<선택 한 id = "mySelect">
<옵션> 애플 </ 옵션>
<옵션> 배 </ 옵션>
<옵션> 바나나 </ 옵션>
<옵션> 오렌지 </ 옵션>
</ 선택>
</ FORM>
로 <br>
<버튼 유형 = "버튼"onclick을 = "displayResult ()"> 삽입 옵션 </ 버튼>
<P> <b> 참고 : </ b> 추가 () 메서드는 페이지에 DOCTYPE 선언을 추가, IE8에서 이상 작동합니다! 또한주의 IE 8의 이전 버전에 추가 코드가. </ P>
</ BODY>
</ HTML>
»시도
더 많은 예제
옵션을 추가하기 위해 선택한 옵션의 드롭 다운 목록 전
개체 선택