用数组给selec元素插入选项

来源:互联网 发布:淘宝详情页制作技巧 编辑:程序博客网 时间:2024/05/22 10:46
<!doctype html>
<html>
<head>
<!--用数组给selec元素插入选项-->
<style>
</style>
<script>
function tes1(){
var array1=new Array("洗碗","拖地","洗衣服","做饭","扫地");//新建一个5个元素的数组
var s1=document.getElementById("male");//获取select元素
var i=0;
for(i=0;i<array1.length;i++){//循环直到数组遍历完毕
var kk=document.createElement("OPTION");//创建option元素
kk.innerHTML=array1[i];//给option元素显示内容赋值
s1.add(kk,null);//select元素添加option元素
}
}
</script>
<meta charset="UTF-8">
</head>
<body>
<select id="male">
<option>卡西</option>
</select>
<input type="button" value="添加" onclick="tes1()">
</body>
</html>
原创粉丝点击