检索界面增加减少输入框怎么实现 - JavaScript论坛

| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛 |

编程论坛 → WEB开发 → 『 JavaScript论坛』 → 检索界面增加减少输入框怎么实现

我的收件箱(0)

共有 1044 人关注过本帖

标题：检索界面增加减少输入框怎么实现

只看楼主加入收藏

fnchenlei

等　级：新手上路
帖　子：29
专家分：0
注　册：2007-7-11

楼主

问题点数：0 回复次数：7

检索界面增加减少输入框怎么实现

我想实现和万方数据库高级检索界面一样的界面
+可以增加输入框
_可以减少输入框
感谢各为大狭指点

搜索更多相关主题的帖子: 界面　检索　输入　

2007-07-12 15:26

udbyygy

等　级：新手上路
威　望：2
帖　子：226
专家分：0
注　册：2007-6-26

第 2 楼

得分:0

[CODE]<script language="javascript">
function aa(a){
cc=""
bb="<input type='text' name='aa'><br>"
ab=document.getElementById("jj").getElementsByTagName("input").length+a
if(ab<1){ab=1}
for(i=0;i<ab;i++){cc+=bb}
document.getElementById("jj").innerHTML=cc
}
</script>
<form name="form1">
<div id="jj">
<input type="text" name="aa"><br>
<input type="text" name="aa"><br>
</div>
<input type="submit" value="submit">
</form>
<a href="#" onclick="aa(1)">+</a> <a href="#" onclick="aa(-1)">-</a>[/CODE]

2007-07-12 16:20

lmhllr

等　级：贵宾
威　望：44
帖　子：1504
专家分：42
注　册：2005-5-12

第 3 楼

得分:0

楼上厉害！

2007-07-12 16:56

zklwzh

等　级：论坛游民
帖　子：275
专家分：25
注　册：2005-11-16

第 4 楼

得分:0

强！

2007-07-12 17:49

zhulei1978

等　级：版主
威　望：53
帖　子：1351
专家分：1200
注　册：2006-12-17

第 5 楼

得分:0

<html><head>
<script language="Javascript">
<!--
function addtext(){
var p=document.getElementById("main");
var text=document.createElement("input");
text.setAttribute("type","text");
p.appendChild(text);
var br=document.createElement("br");
p.appendChild(br);

}
function deletetext(){
var p=document.getElementById("main");
var c=p.childNodes;
if(c.length>0)
p.removeChild(p.lastChild);
if(c.length>0)
p.removeChild(p.lastChild);
}
//-->
</script>
</head>
<body>
<div id="main">
</div>
<a href="#" onclick="addtext()">+</a>
<a href="#" onclick="deletetext()">-</a>
</body></html>