Javascript Form How to - Get selected property in selected option from select dropdown list

Question

We would like to know how to get selected property in selected option from select dropdown list.

Answer


<!--from  www  . j  a  v  a2s . c  o  m-->
<html>
<body>
    <script language="JavaScript">
    function check(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='check(this.form)'>
    </form>
</body>
</html>

The code above is rendered as follows: