HTML5 中怎么获取下拉选项框的内容?

想获取下拉选项框中的内容,并且在控制台中输出选择的内容,我的方法只能在控制台输出一个0

<body>

    <select id="Select" name="">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
        <option value="6">练习一</option>
        <option value="7">练习二</option>
    <select>

<script type="text/javascript">
    var myselect=document.getElementById('Select');//获取select对象
    console.log(myselect);

    var index=myselect.selectedIndex;//获取选项索引(value)
    console.log(index);

    /*var s1=myselect.option[index].value;
    console.log(s1);*/
    
    /*var s2=myselect.option[index].text;
    console.log(s2);*/
</script>

</body>

如有帮助,望采纳 ^.^ 谢谢啦~

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <select id="Select" name="" onchange="selectChange()">
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">练习一</option>
            <option value="7">练习二</option>
        <select>
    <script type="text/javascript">
        var myselect=document.getElementById('Select');//获取select对象

     //获取选项的值
        let optionArr = []
        let optionArrStr = []
        for(let i=0;i<myselect.length;i++){
            optionArr.push(myselect[i].value) 
            optionArrStr.push(myselect[i].innerHTML) 
        }
        console.log(optionArr,optionArrStr)

        //获取已选择的值
        function selectChange(){    
              var value = myselect.options[myselect.selectedIndex].value;
             var lable = myselect.options[myselect.selectedIndex].innerHTML;
             console.log(value,lable)
         }
    </script>
    </body>
</html>


```javascript


```


<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <select id="Select" name="" onchange="changeVal()">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
        <option value="6">练习一</option>
        <option value="7">练习二</option>
        <select>
</body>
<script>


    function changeVal() {
        var myselect = document.getElementById('Select');//获取select对象
        var text = myselect.options[myselect.selectedIndex].text; // 选中文本
        var value = myselect.value; //选中的值
        console.log(value, text);
    }
</script>

</html>

唉没一个能给出正确方法的