怎样动态添加HTML标记中下拉列表框 用javascript

 我来答
girllin0204
2011-07-14
知道答主
回答量:5
采纳率:0%
帮助的人:0
展开全部
你说的是这个意思么?
<html>
<head>
<title>无标题文档</title>
<script type="text/javascript">
function create(){
var el=document.getElementById("div1");
var selectEl="<select name='sel'><option>列表1</option><option>列表2</option><option>列表3</option></select>";
el.innerHTML=selectEl;
}
</script>
</head>
<body>
<div id="div1"></div>
<div id="div2">
<input type="button" value="点击出现下拉框" onclick="create();" />
</div>
</body>
</html>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
大杰哥的来福
2011-07-14 · TA获得超过549个赞
知道答主
回答量:124
采纳率:0%
帮助的人:68.1万
展开全部
var oSelect = document.createElement("SELECT");
var oOption = document.createElement("OPTION");
oOption.setAttribute("value", Name);
oOption.appendChild(document.createTextNode(Name));
oSelect.appendChild(oOption);
}
不同浏览器需要检测
if (document.all) // IE
select.add(opt);
else
select.appendChild(opt);
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
花钱阅吓
2011-07-14 · TA获得超过135个赞
知道小有建树答主
回答量:98
采纳率:100%
帮助的人:74.9万
展开全部
你是要动态增加页面中下拉列表框中的列表项目呢,还是只要在页面里增加一个下拉列表框就可以了?
更多追问追答
追问
增加列表项目
追答
给你写了个例子,你参考一下,满意的话,给个好评,谢谢

增加页面中下拉列表框中的列表项目

var i,txt,val;

window.onload = function() {
var btnobj = document.getElementById("testbtn");
if(btnobj)
{
btnobj.onclick = function() { InsertItem() };
}
i=0;
}

function InsertItem()
{
i++;
var testlistobj = document.getElementById("testlist");
var option;

txt = "新增下拉列表项目" + i.toString();
val = txt + i.toString();

option = new Option(txt, val);
if(testlistobj)
{
testlistobj.options.add(option);
}
}

本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友54fa85666
2011-07-14 · TA获得超过200个赞
知道小有建树答主
回答量:417
采纳率:100%
帮助的人:233万
展开全部
竖直折叠二级下拉菜单就可以了吧。。应该是这效果。。你可以去百度一下"静态网页模板"里面的导航菜单素材中有一些
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 2条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式