recuperação de value

[Guilherme Teixeira 0]

Olá amigos, creio eu que seja uma duvida besta, mas enfim...

 

tenho o seguinte componente:

 

<select name="mat" id="mat" onchange="limpa()">



       <option value="Arte">Arte</option>



       <option value="Ciências">Ciências</option>



       <option value="Ciências Sociais">Ciências Sociais</option>



       <option value="Educação Física">Educação Física</option>



       <option value="Geografia">Geografia</option>



       <option value="História">História</option>



       <option value="Informática">Informática</option>



       <option value="Inglês">Inglês</option>



       <option value="Matemática">Matemática</option>



       <option value="Música">Música</option>



       <option value="Português">Português</option>



     </select>

 

com faço em DOM para eu recuperar o valor (value) do item já selecionado?

 

Obrigado

[Mário Monteiro 179]

recuperar? como assim? já vir selecionando?

[Rafael Sirotheau 43]

Faça o seguinte:

function limpa() {
alert(document.getElementById('mat').value);
}

 

Vai 'alertar' o valor selecionado.

[Bruno Augusto 417]

Faça o seguinte:

function limpa() {
alert(document.getElementById('mat').value);
}

 

Vai 'alertar' o valor selecionado.

Mas hein? Não faltou coisa aí não?

 

Até onde eu sei seria assim:

 

var element = document.getElementById( 'mat' );
var selectedText = element.options[ element.selectedIndex ].text;
var selectedValue = element.options[ element.selectedIndex ].value;

[Rafael Sirotheau 43]

ambas estao corretas... mas, como ele quer so o value, nao tinha necessidade de criar variaveis. Ao selecionar uma option, o value do select recebe o valor dessa option.. entao simplemente elemento.value funciona.

[Bruno Augusto 417]

Vivendo e aprendendo. :thumbsup:

 

Deve ser o vício em jQuery :lol:

[William Bruno 1501]

Eu prefiro esta abordagem, por ser mais reaproveitável:

 

onchange="limpa( this )">

e então:

function limpa( el ){
  alert( el.value );
}