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

来源:互联网 发布:网络著作权侵权行为 编辑:程序博客网 时间:2024/06/05 09:32

一:页面HTML代码

<!DOCTYPE html>
<html>


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


<body onload="add();">
<select id="sele" style="left: 43px; width: 184px;  top: 103px" onchange="_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>

二:效果



阅读全文
0 0
原创粉丝点击