HTML DOM Выберите метод Add ()
Определение и использование
Метод Add () используется для <выберите> Добавьте элемент <опция>.
грамматика
selectObject.add(option,before)
参数 | 描述 |
---|---|
option | 必需。要添加选项元素。必需是 option 或 optgroup 元素。 |
before | 必需。在选项数组的该元素之前增加新的元素。如果该参数是null,元素添加到选项数组的末尾。 |
Поддержка браузеров
Все основные браузеры поддерживают добавление () метод
Совет: добавить () метод требует заявление страницы в IE8 и более поздних версиях IE DOCTYPE !.
примеров
примеров
Следующий пример может быть добавлен в опции "Киви" до конца раскрывающегося списка:
<! DOCTYPE HTML>
<HTML>
<Head>
<Meta Charset = "UTF-8">
<Title> В этом учебнике (w3big.com) </ title>
<Script>
Функция displayResult () {
переменная х = document.getElementById ( "mySelect");
Опция переменная = document.createElement ( "вариант");
option.text = "Киви";
попробуйте {
// Для более ранних версий IE8
x.add (опция, x.options [NULL]);
} Поймайте (е) {
x.add (опция, NULL);
}
}
</ Script>
</ Head>
<Body>
<Форма>
<Выбрать ID = "mySelect">
<Option> Яблоко </ вариант>
<Option> Груша </ вариант>
<Option> Banana </ вариант>
<Option> Orange </ вариант>
</ Select>
</ Форма>
<br>
<Тип = "кнопка" Кнопка OnClick = "displayResult ()"> Опции вставки </ кнопка>
<P> <B> Примечание: </ b> Добавить () метод отлично работает в IE8 или более поздней версии, чтобы добавить объявление DOCTYPE на странице !. Также отметим, что дополнительный код к предыдущей версии IE 8. </ P>
</ Body>
</ HTML>
<HTML>
<Head>
<Meta Charset = "UTF-8">
<Title> В этом учебнике (w3big.com) </ title>
<Script>
Функция displayResult () {
переменная х = document.getElementById ( "mySelect");
Опция переменная = document.createElement ( "вариант");
option.text = "Киви";
попробуйте {
// Для более ранних версий IE8
x.add (опция, x.options [NULL]);
} Поймайте (е) {
x.add (опция, NULL);
}
}
</ Script>
</ Head>
<Body>
<Форма>
<Выбрать ID = "mySelect">
<Option> Яблоко </ вариант>
<Option> Груша </ вариант>
<Option> Banana </ вариант>
<Option> Orange </ вариант>
</ Select>
</ Форма>
<br>
<Тип = "кнопка" Кнопка OnClick = "displayResult ()"> Опции вставки </ кнопка>
<P> <B> Примечание: </ b> Добавить () метод отлично работает в IE8 или более поздней версии, чтобы добавить объявление DOCTYPE на странице !. Также отметим, что дополнительный код к предыдущей версии IE 8. </ P>
</ Body>
</ HTML>
Попробуйте »
Другие примеры
Перед тем, в раскрывающемся списке выбранного варианта , чтобы добавить опции
Выбор объектов