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>
<Head>
<Meta Charset = "UTF-8">
<Title> В этом учебнике (w3big.com) </ title>
<Script>
Функция displayResult () {
переменная х = document.getElementById ( "mySelect");
вар TXT = "Все опции:";
вар я;
для (я = 0; я <x.length; я ++) {
TXT = ТХТ + "\ п" + x.options [I] .text;
}
предупреждение (TXT);
}
</ Script>
</ Head>
<Body>
<Форма>
Ваш любимый фрукт:
<Выбрать ID = "mySelect">
<Option> Яблоко </ вариант>
<Option> Orange </ вариант>
<Option> Ананас </ вариант>
<Option> Banana </ вариант>
</ Select>
</ Форма>
<Тип = "кнопка" Кнопка OnClick = "displayResult ()"> для отображения текста всех опций </ кнопка>
</ Body>
</ HTML>
<HTML>
<Head>
<Meta Charset = "UTF-8">
<Title> В этом учебнике (w3big.com) </ title>
<Script>
Функция displayResult () {
переменная х = document.getElementById ( "mySelect");
вар TXT = "Все опции:";
вар я;
для (я = 0; я <x.length; я ++) {
TXT = ТХТ + "\ п" + x.options [I] .text;
}
предупреждение (TXT);
}
</ Script>
</ Head>
<Body>
<Форма>
Ваш любимый фрукт:
<Выбрать ID = "mySelect">
<Option> Яблоко </ вариант>
<Option> Orange </ вариант>
<Option> Ананас </ вариант>
<Option> Banana </ вариант>
</ Select>
</ Форма>
<Тип = "кнопка" Кнопка OnClick = "displayResult ()"> для отображения текста всех опций </ кнопка>
</ Body>
</ HTML>
Попробуйте »
Другие примеры
Также через опции выпадающее меню для изменения параметров текущего раскрывающемся меню.
Выбор объектов