html select 怎么动态生成option
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html select 怎么动态生成option相关的知识，希望对你有一定的参考价值。
可以使用javascript动态生成option标签：
<html><body >
<select id="select1"></select>
<script>
var objSelectNow=document.getElementById("select1");
var inner="<option value='1'>1</option>";
objSelectNow.innerHTML=inner;
var objOption = document.createElement("OPTION");
objOption.text= 2;
objOption.value=2;
objSelectNow.options.add(objOption);
</script>
</body>
</html> 参考技术A jquery 的话这样
<select id="selectid">
</select>
$(function()
$("#selectid").click(function()
$("#selectid").append("<option value='"+entity+"'>"+entity+"</option>");//entity 变量
);
);
js的话
楼上方法就行，已验证
function padd()
var objOption = document.createElement("OPTION");
objOption.text= 2;
objOption.value=2;
document.getElementById("padd").options.add(objOption);
参考技术B <html>
<body >
<select id="select1"></select>
<script>
var objSelectNow=document.getElementById("select1");
var inner="<option value='1'>1</option>";
objSelectNow.innerHTML=inner;
var objOption = document.createElement("OPTION");
objOption.text= 2;
objOption.value=2;
objSelectNow.options.add(objOption);
</script>
</body>
</html>
2中方式都行。 参考技术C 无刷新技术 参考技术D http://blog.csdn.net/a313976010/article/details/6728646
看看这个能不能帮你
bootstrap 中的chosen-select怎么动态添加和删除option
<select id="ddlResourceType" onchange="getvalue(this)"></select>
动态删除select中的所有options：
document.getElementById("ddlResourceType").options.length=0;
动态删除select中的某一项option：
document.getElementById("ddlResourceType").options.remove(indx);
动态添加select中的项option:
document.getElementById("ddlResourceType").options.add(new Option(text,value));
上面在IE和FireFox都能测试成功，希望以后你可以用上。
其实用标准的DOM操作也可以，就是document.createElement，appendChild，removeChild之类的。
取值方面
function getvalue(obj)
var m=obj.options[obj.selectedIndex].value
alert(m);//获取value
var n=obj.options[obj.selectedIndex].text
alert(n);//获取文本
追问
试过了，这种方法对select控件有效，但是对chosen-select控件无效，就是如图这种：
以上是关于html select 怎么动态生成option的主要内容，如果未能解决你的问题，请参考以下文章
jquery怎么根据value来动态选中select下的option