Javascript Form How to - Get select dropdown default Selected value

Question

We would like to know how to get select dropdown default Selected value.

Answer


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

The code above is rendered as follows: