<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>动态为下拉菜单设置项目</title>
<script type="text/javascript">
function fillOptions(){
var mysel=document.getElementById('myselect');
mysel.innerHTML='';//将原有内容置为空
var str=''; //内容的字符拼接
for(var i=1;i<=12;i++){
//拼接内容
str+="<option value="+i+">"+i+"月</option>"
}
mysel.innerHTML=str;
}
</script>
</head>
<body>
<!-- 定义下拉菜单 -->
请选择:<select id="myselect">
</select>
<br />
<!-- 定义按钮 -->
<input type="button" value="填充下拉项目" id="myBtn" onclick="fillOptions();" />
</body>
</html>
动态为下拉菜单设置项目
最新推荐文章于 2021-12-27 13:48:02 发布