js中给select 添加options
发布网友
发布时间：2022-04-20 20:32
共3个回答
热心网友
时间：2022-04-22 22:16
function addList(){
var list = document.getElementById("list");
var bb=["javascript1","javascript2","javascript3","javascript4"];
for(var i = 0; i <bb.length; i++){
var newOption = document.createElement("option");
newOption.setAttribute("value", i);
newOption.appendChild(document.createTextNode(bb[i]));
list.appendChild(newOption);
}
}
function clearList(){
var list = document.getElementById("list");
for(var i = list.options.length; i >= 0; i--){
list.remove(i);
}
}
</script>
</head>
<body>
<select name="list" id="list" style="width:120px">
</select>
<input type="button" onclick="addList()" value="生成"/>
<input type="button" onclick="clearList()" value="清空" />
</body>
热心网友
时间：2022-04-22 23:34
<select id="Mmonth">
<option>1</option>
</select>
<input type="button" onclick="a()" value="添加"/>
<script>
function a(){
document.getElementById("Mmonth").options.add(new Option(1, 1));
}
</script>
热心网友
时间：2022-04-23 01:09
<option>1</option>
</select>
<script>
var selectId = document.getElementById("Mmonth"),i=0;
selectId.onclick = function(){
i = i +1
this.options.add(new Option("new content"+i,2))
}
</script>
这样是可以添加的，你new Option第一个内容，第二个是option选项索引！
