Javascript Form How to - Get value property from option on select dropdown list

Question

We would like to know how to get value property from option on select dropdown list.

Answer


<!--from  w w w .  ja va 2 s .c o  m-->
<html>
<body>
    <script language="JavaScript">
    function getValue(myForm){
       for (var i = 0; i < document.form1.myList.length; i++) {
          if (document.form1.myList.options[i].selected == true) {
             console.log("The selected value is: " + document.form1.myList.options[i].value);
          }
       }
    }
    </script>
    <form name=form1>
        <select name="myList" multiple>
        <option value=1>One
        <option value=2>Two
        <option value=3>Three
        <option value=4>Four
        </select><P>
        <input type="button" value="Get Value" onClick='getValue(this.form)'>
    </form>
</body>
</html>

The code above is rendered as follows: