js中给select 添加options
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js中给select 添加options相关的知识，希望对你有一定的参考价值。
document.getElementById("Mmonth").options.add(new Option(1, 1),0);
document.getElementById("Mmonth").options.add(new Option(1, 1));
都已经试过 火狐和google浏览器不支持 帮忙 谢谢
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> 参考技术A 我在火狐试了，我这没问题，代码
<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>本回答被提问者和网友采纳 参考技术B <select id="Mmonth">
<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选项索引！
怎样用JS给option添加“选中”属性？
参考技术A一、解析字符串。
首先：考虑应该字符串解析成数组。
var ps = value.split(",");
然后：循环该数组。
for(var i = 0;i < ps.length; i++)
//比较逻辑稍后写
二、循环select的option。
首先：获取要操作的select对象。假设要操作的select的ID为update_v_peripheral
var o = document.getElementById("update_v_peripheral");
然后：循环获取到的select对象。
for(j=0;j<o.length;j++)
//此处写比较逻辑
三、综合以上，进行业务处理。
var ps = value.split(",");
var o = document.getElementById("update_v_peripheral");
for(var i = 0;i < ps.length; i++)
for(j=0;j<o.length;j++)
if(o.options[j].value==ps[i])
o.options[j].selected = 'selected';
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
以上是关于js中给select 添加options的主要内容，如果未能解决你的问题，请参考以下文章
HTML 动态创建select，然后添加onChange，如何添加onChange函数成功啊？