用jquery动态管理控件，可是每一次增减控件都会刷新页面，然后控件里面原来输入的值就都不在了，可以怎么来实现在动态增减控件时不刷新页面呢？
function addSections(position) {
    var all_list = [];
    for (var i = 0; i < sctionCount; i++) {
        var sectionName = "#sctionName" + (i + 1);
        var sectionJoin = "#sectionJoin" + (i + 1);
        var sectionJoinID = "#sectionJoinID" + (i + 1);
        var sectionDesc = "#sectionDesc" + (i + 1);
        var sectionstart = "sectionstart" + (i + 1);
        var sectionend = "#sectionend" + (i + 1);
        var name = $(sectionName).val();
        var Desc = $(sectionDesc).val();
        var Join = $(sectionJoin).val();
        var start = $(sectionstart).val();
        var end = $(sectionend).val();
        var value = {
            'sectionName': name,
            'sectionJoin': Join,
            'sectionDesc': Desc,
            'sectionstart': start,
            'sectionend': end
        }
        all_list.push(value);
        if (position == i) {
            var value = {
                'sectionName': "",
                'sectionJoin': "",
                'sectionDesc': "",
                'sectionstart': "",
                'sectionend': ""
            }
            all_list.push(value);
        }
    }
    sctionCount += 1;
    var sctiontable = "<table id='sections' cellspacing='0' cellpadding='0' border='1' class='type-table' style='text-align: center'>";
    sctiontable += "<tr style='font-size:18px' class='table-top-tr'>";
    sctiontable += "<td >阶段名称</td>";
    sctiontable += "<td>参与人</td>";
    sctiontable += "<td style='width:180px'>描述</td>";
    sctiontable += "<td>开始日期</td>";
    sctiontable += "<td>结束日期</td>";
    sctiontable += "<td>操作</td>";
    sctiontable += "</tr>";
    for (var i = 0; i < sctionCount; i++) {
        var sectionName = "sctionName" + (i + 1);
        var sectionJoin = "sectionJoin" + (i + 1);
        var sectionJoinID = "sectionJoinID" + (i + 1);
        var sectionDesc = "sectionDesc" + (i + 1);
        var sectionstart = "sectionstart" + (i + 1);
        var sectionend = "sectionend" + (i + 1);
        var sectionadd = "sectionadd" + (i + 1);
        var sectionDelete = "sectionDelete" + (i + 1);
        var sectionClose = "sectionClose" + (i + 1);
        var classid = "table-clo-tr" + (i % 2 + 1);
        var sectionnametip = "sectionnametip" + (i + 1);
        var sectionJointip = "sectionJointip" + (i + 1);
        var sectiondesctip = "sectiondesctip" + (i + 1);
        var sectionstartTip = "sectionstartTip" + (i + 1);
        var sectionendTip = "sectionendTip" + (i + 1);
        sctiontable += "<tr style='font-size:18px; height:40px' class='" + classid + "'>";
        sctiontable += "<td>" + "<input id='" + sectionName + "' name='" + sectionName + "'  type='text' style='width:100px' value='" + all_list[i].sectionName + "'/>" +
             "<span id='" + sectionnametip + "' style='color:red;font-size:12px;'>*</span>" + "</td>";
        sctiontable += "<td>" + "<input id='" + sectionJoin + "' name='" + sectionJoin + "'  type='text' onclick='javascript:creat(" + (i + 1) + ")'/>" +
             "<span id='" + sectionJointip + "' style='color:red;font-size:12px;'>*</span>" +
     "<input id='" + sectionJoinID + "' name='" + sectionJoinID + "'  type='text'   hidden='hidden' />" + "</td>";
        sctiontable += "<td>" + " <textarea id='" + sectionDesc + "' name='" + sectionDesc + "' cols='20' rows='2'> </textarea>" +
             "<span id='" + sectiondesctip + "' style='color:red;font-size:12px;'>*</span>" + "</td>";
        sctiontable += "<td>" + "<input class='startdate' id='" + sectionstart + "' name='" + sectionstart + "' type='text' value='' onclick='WdatePicker( )' style='width:100px'  value='" + all_list[i].sectionstart + "'/>" +
             "<span id='" + sectionstartTip + "' style='color:red;font-size:12px;'>*</span>" + "</td>";
        sctiontable += "<td>" + "<input class='enddate' id='" + sectionend + "'   name='" + sectionend + "' type='text' value='' onclick='WdatePicker( )' style='width:100px'  value='" + all_list[i].sectionend + "'/>" +
             "<span id='" + sectionendTip + "' style='color:red;font-size:12px;'>*</span>" + "</td>";
        sctiontable += "<td>" + "<input id='" + sectionadd + "' type='button' value='+' onclick='addSections(" + i + ")'  style='width:30px'/>" +
             "<input id='" + sectionDelete + "' type='button' value='-' onclick='deletesection(" + i + ")'  style='width:30px'/>" + "</td>";
        sctiontable += "</tr>";
    }
    sctiontable += "</table>";
    $("#Sctions").html(sctiontable);

}

var value = {
            'sectionName': name,
            'sectionJoin': Join,
            'sectionDesc': Desc,
            'sectionstart': start,
            'sectionend': end
        }
这个语句后面需要加分号

第二、javascript没有块作用域的概念，你在for里面var变量是不好的习惯

第三，sctionCount += 1;放的位置不对吧，并且数组的长度不是你改这个变量，就能增加1的，你需要改数组的length属性，浏览器难道就没报找不到变量的异常？

第四，我估计你是想把输入的信息添加到table中的最后一行，你这样的算法是不对的，本来一次for循环就能搞定的事情，再说了，非要循环从新写整个table内容吗，appendChild一行tr不就好了？

可是直接用appendChild该如何给新生成的控件指定属性呢，像是他们的ID，因该是自动加1的，而且要是再把删除控件功能加进去的话，不用for循环如何重新排列这些控件的ID呢

首先，你在create一个node节点后，没有append之前不能设置属性吗？
其次，为什么一定要给每一个子节点都添加id属性呢，可以用父节点获取其children获得其所有子节点，然后再遍历啊。
呵呵，这都只是给你提供另一种思路，这个帖子有几天了，我再看看你的代码，稍后再回复

给你个建议
<table id='sections' cellspacing='0' cellpadding='0' border='1' class='type-table' style='text-align: center'>
<tr style='font-size:18px' class='table-top-tr'>
<td >阶段名称</td><td>参与人</td><td style='width:180px'>描述</td><td>开始日期</td><td>结束日期</td><td>操作</td>
</tr>
<tbody id="list"></tbody>
</table>
以上的代码可以写死在html中，然后用document.getElementByID('list').innerHTML赋值的方法把每行的数据加进去
用一次for循环就应该能够完成这样的功能
for (var i = 0; i <= sctionCount; i++) {...}

你用的var定义变量太多了，这样实际上也会影响执行效率，可以用另外的形式完成同样的事情var sectionName = "#sctionName" + (i + 1);
var sectionJoin = "#sectionJoin" + (i + 1),
    sectionJoinID = "#sectionJoinID" + (i + 1),
    sectionDesc = "#sectionDesc" + (i + 1),
    sectionstart = "sectionstart" + (i + 1),
    sectionend = "#sectionend" + (i + 1),
    name = $(sectionName).val(),
    Desc = $(sectionDesc).val(),
    Join = $(sectionJoin).val(),
    start = $(sectionstart).val(),
    end = $(sectionend).val();

了解了，谢谢你的思路，换了种写法，直接去掉for循环了，用var num = $("#sections tr").length直接计算出他的<tr>行的个数，每次生成时直接num+1就好了