HTML DOM propriedade de índice Opção
opção objeto Definição e Uso
propriedade retorna a lista drop-down de índice de opções no índice.
O índice começa em 0.
gramática
Definindo propriedades de índice:
optionObject.index=integer
Retorna propriedades de índice:
optionObject.index
Suporte a navegadores
Todos os principais navegadores suportam o atributo índice
Exemplos
Exemplos
Este exemplo retorna a posição de índice da lista drop-down das opções selecionadas:
<! DOCTYPE html>
<Html>
<Head>
<Charset Meta = "utf-8">
<Title> Este tutorial (w3big.com) </ title>
<Script>
displayResult function () {
var x = document.getElementById ( "mySelect") selectedIndex .;
var y = document.getElementById ( "mySelect") opções .;
alert ( "Index:" + y [x] .index + "é" + y [x] .text);
}
</ Script>
</ Head>
<Body>
<Form>
Escolha a sua fruta favorita:
<Id = "mySelect">
<Option> Apple </ option>
<Option> Orange </ option>
<Opção> Pineapple </ option>
<Opção> Banana </ option>
</ Select>
</ Form>
<Button type = "button" onclick = "displayResult ()"> índice de exibição </ button>
</ Body>
</ Html>
<Html>
<Head>
<Charset Meta = "utf-8">
<Title> Este tutorial (w3big.com) </ title>
<Script>
displayResult function () {
var x = document.getElementById ( "mySelect") selectedIndex .;
var y = document.getElementById ( "mySelect") opções .;
alert ( "Index:" + y [x] .index + "é" + y [x] .text);
}
</ Script>
</ Head>
<Body>
<Form>
Escolha a sua fruta favorita:
<Id = "mySelect">
<Option> Apple </ option>
<Option> Orange </ option>
<Opção> Pineapple </ option>
<Opção> Banana </ option>
</ Select>
</ Form>
<Button type = "button" onclick = "displayResult ()"> índice de exibição </ button>
</ Body>
</ Html>
tente »
opção objeto