当前位置:编程学习 > html/css >>

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

追问:增加列表项目这个不能循环添加,我要能往里面循环添加的
答案:你是要动态增加页面中下拉列表框中的列表项目呢,还是只要在页面里增加一个下拉列表框就可以了?
其他: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); 竖直折叠二级下拉菜单就可以了吧。。应该是这效果。。你可以去百度一下"静态网页模板"里面的导航菜单素材中有一些 你说的是这个意思么?
<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> 

上一个:我用html在线编辑器,编辑好了为啥一点源代码就啥都没有了?
下一个:在html中插入css,其中有两段文字都用<h2></h2>标记,

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,