select 动态填充option选项及获取选择的值或者所有值

最新推荐文章于 2024-04-04 03:20:37 发布

家有两宝，感恩遇见

最新推荐文章于 2024-04-04 03:20:37 发布

阅读量4k

点赞数 1

文章标签： JS html select

本文链接：https://blog.csdn.net/m0_37934074/article/details/77929882

版权

一：页面HTML代码

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>ECharts</title>
</head>

<body οnlοad="add();">
<select id="sele" style="left: 43px; width: 184px; top: 103px" οnchange="_change()">
<option selected="selected">请选择</option>
</select>
<script type="text/javascript">
function add() {//动态设置option选项
for (var i = 0; i < 5; i++) {
var newOption = document.createElement("option");
newOption.value = i;
newOption.text = i;
document.getElementById("sele").options.add(newOption);
}
}
</script>
</body>
<script type="text/javascript">
function _change() {
var sele = document.getElementById("sele").value;//获取选择的选项卡
var seles = document.getElementById("sele").options;//获取所有的选线卡-数组
console.log(sele);
console.log(seles.length);
}
</script>

</html>