Javascript Form How to - Get text property from selected selected option of the select dropdown list

Question

We would like to know how to get text property from selected selected option of the select dropdown list.

Answer


<!--   ww w.  j  a v  a2s. 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].selected == true) {
             console.log("The selected text value is: " + document.form1.myList.options[i].text);
          }
       }
    }
    </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 Text Value" onClick='check(this.form)'>
    </form>
</body>
</html>

The code above is rendered as follows: