想获取下拉选项框中的内容,并且在控制台中输出选择的内容,我的方法只能在控制台输出一个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>
唉没一个能给出正确方法的