Identificar um item selecionado dentro de um array

[Cesar Melo 2]

Olá. Gostaria de uma ajuda para identificar um item selecionado em uma lista.

Para varear, comecei a usar javascript à poucos meses, logo ñ tenho muito conhecimento.

Bom, vou tentar mostrar melhor meu problema.

Eu tenho uma lista:

<select>

<option id="lista" value="A">A</option>

<option id="lista" value="B">B</option>

<option id="lista" value="C">C</option>

</select>

 

Minha função em JS:

<script type="text/javascript">

function teste() {

var x= document.getElementeById("lista");

for (var i=0; i<x.lenght; i++) {

if (x.selected== true) {

alert("Exiba: "+x.value);

}

}

}

</script>

 

Na função, eu fiz um "for" para que seja localizado qual item foi selecionado. Eu ja tentei troca a variavel "x" diretamente pelo codigo "document.getElement..." mas não funcionou. Quando eu testo essa função ela não faz nada e tambem não me apresenta erro no "console" do navegador. Alguem te ideia de como me ajudar, ou onde estou errando? Obrigado.

[William Bruno 1501]

não dê ID ao option, e vc não pode duplicar IDs num documento. ID é um identificador único.

[Cesar Melo 2]

Certo, entendi... obrigado pela ajuda por enquanto.. mas notei um erro meu de digitação que fiz no "for" objeto.lenght.. o certo é: objeto.length.

Mas eu estava usando o ID duplicado pq ñ consegui pensar em uma forma de usar o document.getElementsByName nesse caso. Vou tentar fazer um ID unico para cada <option>.

 

Obrigado... até mais..

[William Bruno 1501]

assim por exemplo, dando contexto:

<select id="lista">
   <option value="A">A</option>
   <option value="B">B</option>
   <option value="C">C</option>
</select>

ai fica:

document.getElementById("lista").getElementsByTagName("option");

Mas, vc poderia ter feito apenas:

document.getElementById("lista").value;

que isso sozinho já te diria qual é o valor do option selecionado.

[CamilaLopez 9]

<script type="text/javascript">

function teste() {

var x = document.getElementById("lista").value;            alert("Valor do select = "+x);

}

</script>

[Cesar Melo 2]

Obrigado CamilaLopez e WilliamBruno... ambas respostas resolveram meu problema!!!

Muito Grato!!

[CamilaLopez 9]

Boa sorte