[求助]版主这样的功能能实现吗？ - ASP技术论坛

阳光白雪

等　级：贵宾
威　望：39
帖　子：2220
专家分：0
注　册：2005-11-18

第 2 楼

得分:0

用JS可以实现

专注于WEB前端交互平台开发：[url=http://blog./]blog.[/url]（富客户端技术（RIA）交流平台）

2007-07-31 09:52

愿望

等　级：新手上路
威　望：1
帖　子：111
专家分：0
注　册：2007-7-28

第 4 楼

得分:0

回复：（zmp）回复：（阳光白雪）用JS可以实现

你看一下是不是这个效果：

dBZqcOQS.rar (804 Bytes) [求助]版主这样的功能能实现吗？

2007-07-31 10:13

阳光白雪

等　级：贵宾
威　望：39
帖　子：2220
专家分：0
注　册：2005-11-18

第 6 楼

得分:0

[QUOTE]<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
.listTitle{position:relative; float:left; width:100px; height:18px; line-height:18px;font-size:12px;}
.list{position:relative; float:left; width:100px; height:18px; line-height:18px; font-size:12px;}
.textBox{border:1px solid #CCCCCC; width:100%;}
</style>
</head>
<body>
<div style="margin-top:20px; border:1px solid #CCCCCC;height:0px;">
<form name="form1" method="post" action="">
<div id="listTitle">
<div class="list">日期</div>
<div class="list">商品代码</div>
<div class="list">商品名称</div>
<div class="list">产销国</div>
<div class="list">数量</div>
<div class="list">单位</div>
<div class="list">单价</div>
<div class="list">总价</div>
<div class="list">操作</div>
</div>
<DIV id="newDataList">
</DIV>
</form>
</DIV>
<DIV style="margin-top:20px; border:1px solid #CCCCCC;height:0px;">
<form name="form2" method="post" action="">
<div class="list">日期</div>
<div class="list">商品代码</div>
<div class="list">商品名称</div>
<div class="list">产销国</div>
<div class="list">数量</div>
<div class="list">单位</div>
<div class="list">单价</div>
<div class="list">总价</div>
<div class="list">操作</div>
<div class="list"><input type="text" class="textBox" name="input_text_1"></div>
<div class="list"><input type="text" class="textBox" name="input_text_2"></div>
<div class="list"><input type="text" class="textBox" name="input_text_3"></div>
<div class="list"><input type="text" class="textBox" name="input_text_4"></div>
<div class="list"><input type="text" class="textBox" name="input_text_5"></div>
<div class="list"><input type="text" class="textBox" name="input_text_6"></div>
<div class="list"><input type="text" class="textBox" name="input_text_7"></div>
<div class="list"><input type="text" class="textBox" name="input_text_8"></div>
<div class="list"><input type="button" name="button" value="添加" onClick="addData();"></div>
</form>
</DIV>
</body>
</html>
<script language="javascript">
var listNo = 0
function addData(){
var input_text_1 = document.form2.input_text_1.value;
var input_text_2 = document.form2.input_text_2.value;
var input_text_3 = document.form2.input_text_3.value;
var input_text_4 = document.form2.input_text_4.value;
var input_text_5 = document.form2.input_text_5.value;
var input_text_6 = document.form2.input_text_6.value;
var input_text_7 = document.form2.input_text_7.value;
var input_text_8 = document.form2.input_text_8.value;
var newDivObj_id = "dataList_"+ listNo;
var newDataStr = "<div class=\"list\"><input type=\"hidden\" name=\"p_Date\" value=\""+ input_text_1 +"\">"+ input_text_1 +"<\/div>"+
"<div class=\"list\"><input type=\"hidden\" name=\"p_Code\" value=\""+ input_text_2 +"\">"+ input_text_2 +"<\/div>"+
"<div class=\"list\"><input type=\"hidden\" name=\"p_Name\" value=\""+ input_text_3 +"\">"+ input_text_3 +"<\/div>"+
"<div class=\"list\"><input type=\"hidden\" name=\"p_ToCountry\" value=\""+ input_text_4 +"\">"+ input_text_4 +"<\/div>"+
"<div class=\"list\"><input type=\"hidden\" name=\"p_Counts\" value=\""+ input_text_5 +"\">"+ input_text_5 +"<\/div>"+
"<div class=\"list\"><input type=\"hidden\" name=\"p_Unit\" value=\""+ input_text_6 +"\">"+ input_text_6 +"<\/div>"+
"<div class=\"list\"><input type=\"hidden\" name=\"p_Price\" value=\""+ input_text_7 +"\">"+ input_text_7 +"<\/div>"+
"<div class=\"list\"><input type=\"hidden\" name=\"p_SumPrice\" value=\""+ input_text_8 +"\">"+ input_text_8 +"<\/div>"+
"<div class=\"list\"><input type=\"button\" name=\"button\" value=\"删除\" onclick=\"deleteList('"+ newDivObj_id +"');\"><\/div>";

var newDivObj = document.createElement('DIV');
newDivObj.id = newDivObj_id;
newDivObj.name = newDivObj_id;
newDivObj.style.height = "0px";
newDivObj.innerHTML = newDataStr;
document.getElementById("newDataList").appendChild(newDivObj);
listNo ++;
}
function deleteList(Obj){
with (document.getElementById("newDataList")){
try{
removeChild(document.getElementById(Obj));
}catch(e){}
}
}
</script>[/QUOTE]

专注于WEB前端交互平台开发：[url=http://blog./]blog.[/url]（富客户端技术（RIA）交流平台）

2007-07-31 10:38

zmp

等　级：新手上路
帖　子：125
专家分：0
注　册：2007-6-30

第 8 楼

得分:0

回复：（阳光白雪）四楼真快，没现成的，现写了一个，...

阳光白雪辛苦了，小弟在此多谢了

2007-07-31 10:48