seleccionar - Obtener valor seleccionado del menú desplegable usando JavaScript

select html selected value javascript

Question

Esta pregunta ya tiene una respuesta aquí:

• Obtener el valor seleccionado en la lista desplegable usando JavaScript? 17 respuestas

Tengo el siguiente HTML

<form>
<div class="answer1wrap">
<select id="mySelect">
<option value="void">Choose your answer</option>
<option value="To measure time">To measure time</option>
<option value="To measure distance">To measure distance</option>
<option value="To measure volume">To measure volume</option>
</select>
</div>
</form>
<button class="btn btn-default" id="checkbtn" onclick="answers();" type="button"><span class="glyphicon glyphicon-check"></span> Check answers</button>

También tengo el javascript

function answers()
{
var selectedanswer=document.getElementById("mySelect").selectedIndex;
if (document.getElementsByTagName("option")[selectedanswer].value=="To measure time");{
alert("Thats correct");
}
}

Esperaba que cuando se presionara el botón, verificara si se seleccionó la opción ''medir tiempo'' y alertame SOLAMENTE si se seleccionó. Sin embargo, no importa qué opción se haya seleccionado, siempre muestra la alerta.

¿Algunas ideas?

Answer 1

Lo primero que noté es que tienes un punto y coma justo después del corchete de cierre para tu declaración if );

También debe intentar y limpiar su declaración if declarando una variable para la respuesta por separado.

function answers() {
var select = document.getElementById("mySelect");
var answer = select.options[select.selectedIndex].value;
if(answer == "To measure time"){
alert("Thats correct");
}
}

http://jsfiddle.net/zpdEp/

Answer 2

Tal vez sea la coma en tu condición if .

function answers() {
var answer=document.getElementById("mySelect");
if(answer[answer.selectedIndex].value == "To measure time.") {
alert("That''s correct!");
}
}

También puedes escribirlo así.

function answers(){
document.getElementById("mySelect").value!="To measure time."||(alert(''That''s correct!''))
}

Answer 3

Trabajo jsbin: http://jsbin.com/ANAYeDU/4/edit

Bit principal:

function answers()
{
var element = document.getElementById("mySelect");
var elementValue = element.value;
if(elementValue == "To measure time"){
alert("Thats correct");
}
}

Answer 4

Tratar

var e = document.getElementById("mySelect");
var selectedOp = e.options[e.selectedIndex].text;