100分送上，关于增加行、删除行问题！

Question

No.   项目名称    单位   数量           显示 
1      测试一      斤       2          ++ --  
2      测试二      斤       3          ++ --  
3                                      ++ --  
4                                      ++ --  
问题如下：++表示增加一行，--表示删除一行，例如：我点击3右边的++,表示在3的下面增加一行，而第4行就变成了第5行。如果我点1右边的++（--也是一样），就像如下（增加一行或删除一行，序号(No.)都是连贯的）：No.   项目名称    单位   数量           显示 
1      测试一      斤       2          ++ --  
2                                      ++ --  
3      测试二      斤       3          ++ --  
4                                      ++ --  
5                                      ++ --  我应该怎么实现？http://home.focus.cn/group/calc/zxjsq_zong.php这个网站实现了这个功能大家帮忙分析一下，谢谢！

Answer 1

将该页面另存为html，里面的东西都很全哦。。

Answer 2

我已经存了，别的地方都弄懂了，就差这块了，存成html页面，++，--功能不好用！

Answer 3

这个功能需要使用javascript来实现，用htc控件也可以。

Answer 4

http://home.focus.cn/group/calc/zxjsq_zong.php?formType=NewYUSUAN谁知道这个++的程序是怎么写的？1、点击++时，下面增加了一行2、提交到同一叶面并刷新，添加的内容没有丢失！

Answer 5

简单一点的用js实现要功能多一点，拽一点，就用ajax

Answer 6

就实现功能来说不难
js可以做到
但是楼主如果要把记录写入数据库的话并且NO.这个字段是自动增加的话就不行了
因为自动增加是不允许对其进行修改的

Answer 7

简单一点的用js实现要功能多一点，拽一点，就用ajax用JS处理就行了,处理完后再提交也可以
如果每次操作都要保存到数据库中,则用ajax

Answer 8

简单一点的用js实现要功能多一点，拽一点，就用ajax用JS处理就行了,处理完后再提交也可以
如果每次操作都要保存到数据库中,则用ajaxajax....并非非要涉及数据库才好用。。

Answer 9

给我用的代码你参考，另存为HTML文件就行了<SCRIPT>
<!--
addimage('fileFields'); function browserDetect(){
var sUA = navigator.userAgent.toLowerCase();
var sIE = sUA.indexOf("msie");
var sOpera = sUA.indexOf("opera");
var sMoz = sUA.indexOf("gecko");
if (sOpera != -1) return "opera";
if (sIE != -1){
return "ie";
}
if (sMoz != -1) return "moz";
return "other";
} function addimage(containerName){
var separator = document.getElementById('er');
var container = document.getElementById(containerName);
var BROWSER = browserDetect(); if (BROWSER == 'ie'){//is ie
var objinput1 = document.createElement('<input type="text" name="input1[]" value="" class="11_green_verdana" >'); 
var objinput2 = document.createElement('<input type="text" name="input1_title[]" size="20" value="" class="11_green_verdana" >'); }else {
var objinput1 = document.createElement('INPUT');
var objinput2 = document.createElement('INPUT'); objinput1.type = "file";
objinput1.name = "input1[]";
objinput2.type = "text";
objinput2.name = "input1_title[]"; }
var imagedesc = document.createElement("<span class='11_green_verdana'>Instruction:</span>"); 
var newLine = document.createElement('BR'); container.insertBefore(objinput1,separator);
container.insertBefore(imagedesc,separator);
container.insertBefore(objinput2,separator);
container.insertBefore(newLine,separator); }-->
</SCRIPT>
<TABLE class=11_white_arial cellSpacing=1 cellPadding=4 width="100%" border=0>
        <TBODY>
          <TR class=header>
            <TD class="green12"><A href="javascript:void%200" class="10_green_verdana_line" onclick="addimage('fileFields');">(Attach More Files)</A></TD>
          </TR>
          <TR class=bgcolor2>
            <TD>
              <DIV class=white_bold_12 id=fileFields>
                <DIV class="10_hard_grey_verdana">You can attach more files by clicking the relative item. In order to assure the attachment can be operated sucessfully, only 15 or below files are allowed to post for once.</DIV>
                <DIV id=er style="CLEAR: none" class="11_green_verdana"></DIV>
            </DIV></TD>
          </TR>
        </TBODY>
      </TABLE>