HTML DOM индекс Опция Свойство
Определение и использование
свойство возвращает индекс раскрывающийся список опций в индексе.
Индекс начинается с 0.
грамматика
Настройка свойств индекса:
optionObject.index=integer
Возвращает свойства индекса:
optionObject.index
Поддержка браузеров
Все основные браузеры поддерживают индекс атрибута
примеров
примеров
Этот пример возвращает индекс позиции в раскрывающемся списке выбранных опций:
<! DOCTYPE HTML>
<HTML>
<Head>
<Meta Charset = "UTF-8">
<Title> В этом учебнике (w3big.com) </ title>
<Script>
Функция displayResult () {
переменная х = document.getElementById ( "mySelect") SelectedIndex .;
переменная у = document.getElementById ( "mySelect") варианты .;
предупреждение ( "Index:" + у [х] .index + "является" + у [х] .text);
}
</ 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") SelectedIndex .;
переменная у = document.getElementById ( "mySelect") варианты .;
предупреждение ( "Index:" + у [х] .index + "является" + у [х] .text);
}
</ Script>
</ Head>
<Body>
<Форма>
Выбери любимый фрукт:
<Выбрать ID = "mySelect">
<Option> Яблоко </ вариант>
<Option> Orange </ вариант>
<Option> Ананас </ вариант>
<Option> Banana </ вариант>
</ Select>
</ Форма>
<Тип = "кнопка" Кнопка OnClick = "displayResult ()"> Индекс отображения </ Кнопка>
</ Body>
</ HTML>
Попробуйте »
Опция Объект