Select add() 메서드

HTML DOM Select 객체

정의와 사용법

add() 메서드는下拉列表에 옵션을 추가하는 데 사용됩니다。

푸시:下拉列表에서 옵션을 제거하려면 다음을 사용하세요 remove() 메서드。

예제

예제 1

下拉列表의 끝에 "Kiwi" 옵션을 추가하세요：

var x = document.getElementById("mySelect");
var option = document.createElement("option");
option.text = "Kiwi";
x.add(option);

직접 시도해 보세요

예제 2

下拉列表의 시작에 "Kiwi" 옵션을 추가하세요：

var x = document.getElementById("mySelect");
var option = document.createElement("option");
option.text = "Kiwi";
x.add(option, x[0]);

직접 시도해 보세요

예제 3

下拉列表의 인덱스 위치 "2"에 "Kiwi" 옵션을 추가하세요：

var x = document.getElementById("mySelect");
var option = document.createElement("option");
option.text = "Kiwi";
x.add(option, x[2]);

직접 시도해 보세요

예제 4

下拉列表에서 선택된选项 앞에 옵션을 추가하세요：

var x = document.getElementById("mySelect");
if (x.selectedIndex >= 0) {
  var option = document.createElement("option");
  option.text = "Kiwi";
  var sel = x.options[x.selectedIndex]; 
  x.add(option, sel);
}

직접 시도해 보세요

문법

selectObjectadd(option, index)

파라미터 값

파라미터 설명
option 필수. 추가할 항목을 지정합니다. option 또는 optgroup 요소여야 합니다.
index

선택 사항. 정수, 새로운 항목 요소가 삽입될 인덱스 위치를 지정합니다. 인덱스는 0에서 시작됩니다.

인덱스가 지정되지 않으면 새로운 항목이 목록의 마지막에 추가됩니다。

기술 세부 사항

반환 값:

반환 값 없음。

브라우저 지원

크롬 에지 파이어폭스 사파리 오퍼라
크롬 에지 파이어폭스 사파리 오퍼라
지원 지원 지원 지원 지원

HTML DOM Select 객체