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>

温馨提示:答案为网友推荐,仅供参考
第1个回答  2013-01-16
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);
}
第2个回答  2013-01-16
<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中方式都行。本回答被网友采纳
第3个回答  2013-01-16
无刷新技术
第4个回答  2017-09-10


看看这个能不能帮你

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网