Get Selected value from dropdown using JavaScript

Question

I have the following HTML   lt form gt     lt div class  answer1wrap  gt       lt select id  mySelect  gt         lt option value  void  gt Choose your answer lt  option gt         lt option value  To measure time  gt To measure time lt  option gt         lt option value  To measure distance  gt To measure distance lt  option gt         lt option value  To measure volume  gt To measure volume lt  option gt       lt  select gt     lt  div gt   lt  form gt    lt button class  btn btn-default  id  checkbtn  onclick  answers     type  button  gt  lt span    class  glyphicon glyphicon-check  gt  lt  span gt  Check answers lt  button gt    I also have the javascript  function answers       var selectedanswer document getElementById  mySelect   selectedIndex     if  document getElementsByTagName  option   selectedanswer  value   To measure time         alert  Thats correct             I was hoping that when the button is pressed  it would check to see if the  to measure time  option was selected and alert me ONLY if that was selected  However no matter which option has been selected it always shows the alert   Any ideas

User · Answer

The first thing i noticed is that you have a semi colon just after your closing bracket for your if statement );

You should also try and clean up your if statement by declaring a variable for the answer separately.

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/

User · Answer

Maybe it s the comma in your if condition   function answers     var answer document getElementById  mySelect     if answer answer selectedIndex  value     To measure time        alert  That s correct             You can also write it like this   function answers     document getElementById  mySelect   value   To measure time     alert  That s correct

User · Answer

Try  var e   document getElementById  mySelect    var selectedOp   e options e selectedIndex  text

User · Answer

Working jsbin  http   jsbin com ANAYeDU 4 edit  Main bit   function answers      var element   document getElementById  mySelect    var elementValue   element value   if elementValue     To measure time      alert  Thats correct

[javascript] Get Selected value from dropdown using JavaScript

Examples related to javascript

Examples related to select

Examples related to drop-down-menu

Examples related to option