自动添加/删除

来源:互联网 发布:激战2马乔丽捏脸数据 编辑:程序博客网 时间:2024/04/30 21:29
<html>
<head>
<title>添加下拉框和文本框</title>
<script language="javascript">
function show(ItemId){
 var span =document.getElementById(ItemId);
 var input =document.createElement("input");
 var li  =document.createElement("li");
 
 if (span.innerHTML=="无"){span.innerHTML=("");}
 li.innerHTML=("文本框:<input type=\"text\"/> 列表框:<select name=\"\"><option>列表值1</option><option>列表值2</option></select>");
 span.appendChild(li);
}
function LessLi(ItemId){
 var span=document.getElementById(ItemId);
 var li=span.lastChild;
 if (span.firstChild==li){
  span.innerHTML = ("无");
 }else{
  span.removeChild(li); 
 }
}


</script>
</head>
<body>
<span id="shuxue">无</span> <span><a href="javascript:void(0);" onClick="show('shuxue')">添加</a> <a href="javascript:void(0);"  onClick="LessLi('shuxue')">删除</a></span>
</body>
</html>