通过JS连续把控件框的值合并并多次添加到文本区

多次提交,不会覆盖刚提交的内容
1是把以前的值保存后重新付一下
2是用ajax

解决方案 »

  1.   

    <html><head>
    <meta http-equiv="Content-Language" content="zh-cn">
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>通过JS连续把控件框的值合并并多次添加到文本区</title>
    </head><body>            <TABLE cellSpacing=1 cellPadding=4 width=936  height="144" id="table1"  >
                  <tr>
                    <TD  width=95 height=25 align="right" class="a2">
    开始时间：</TD>
                    <TD  width=404 height=25 class="a3">
    <input type="checkbox" name="jieguan1" id="jieguan1" value="1" alt="周一">周一|
    <input type="checkbox" name="jieguan2" id="jieguan2" value="2" alt="周二">周二|
    <input type="checkbox" name="jieguan3" id="jieguan3" value="3" alt="周三">周三|
    <input type="checkbox" name="jieguan4" id="jieguan4" value="4" alt="周四">周四|
    <input type="checkbox" name="jieguan5" id="jieguan5" value="5" alt="周五">周五|
    <input type="checkbox" name="jieguan6" id="jieguan6" value="6" alt="周六">周六|
    <input type="checkbox" name="jieguan7" id="jieguan7" value="7" alt="周天">周天
    </TD>             
                  </tr>
                  <tr>
                    <TD  width=95 height=25 align="right" class="a2">
    截止时间：</TD>
                    <TD  width=404 height=25 class="a3">
    <input type="checkbox" name="kaichuan1" id="kaichuan1" value="1" alt="周一">周一|
    <input type="checkbox" name="kaichuan2" id="kaichuan2" value="2" alt="周二">周二|
    <input type="checkbox" name="kaichuan3" id="kaichuan3" value="3" alt="周三">周三|
    <input type="checkbox" name="kaichuan4" id="kaichuan4" value="4" alt="周四">周四|
    <input type="checkbox" name="kaichuan5" id="kaichuan5" value="5" alt="周五">周五|
    <input type="checkbox" name="kaichuan6" id="kaichuan6" value="6" alt="周六">周六|
    <input type="checkbox" name="kaichuan7" id="kaichuan7" value="7" alt="周天">周天
    </TD>             
                  </tr>
                  <tr>
                    <TD  width=95 height=25 align="right" class="a2">
    名字：</TD>
                    <TD  width=404 height=25 class="a3">
    <select name="p_qc0"  ID="p_qc0" size="1">
    &nbsp;
    <option>请选择名字</option>
    <option value="李华">李华</option>
    <option value="关羽">张飞</option>
    <option value="关羽">关羽</option>
    <option value="关羽">小白</option>
    </select>&nbsp;  <input type="button" value="新增" onclick="add()"></TD>             
                  </tr>
                  <tr>
                    <TD  width=95  height=25 align="right" class="a2"><SPAN 
                      >备注：</SPAN><p>
    <span class="main1">(备注信息)</span></p>
    <p>　</TD>
                    <TD  width=824 height=25 class="a3"><textarea name="MemoBox"  ID="MemoBox" rows="4" name="p_re" cols="40" style="font-family: 新细明体, 宋体, Arial; font-size: 14px;background-color:#f3f3f3;border:1 solid black"  onMouseOver = "this.style.backgroundColor = '#E5F0FF'" onMouseOut = "this.style.backgroundColor = ''"></textarea>&nbsp; 
    .</TD>
                  </tr>
                  </TABLE>
            
    </body><SCRIPT LANGUAGE="JavaScript">
    <!--
    function add()
    {
    document.getElementById("MemoBox").insertAdjacentText("BeforeEnd",document.getElementById("p_qc0").value);
    document.getElementById("MemoBox").insertAdjacentText("BeforeEnd",",");
    for (var oNum=1;oNum<8;oNum++)
    {
    if (document.getElementById("jieguan"+oNum).checked)
    document.getElementById("MemoBox").insertAdjacentText("BeforeEnd",document.getElementById("jieguan"+oNum).alt+"/");
    }
    document.getElementById("MemoBox").insertAdjacentText("BeforeEnd",",");
    for (var oNum=1;oNum<8;oNum++)
    {
    if (document.getElementById("kaichuan"+oNum).checked)
    document.getElementById("MemoBox").insertAdjacentText("BeforeEnd",document.getElementById("kaichuan"+oNum).alt+"/");
    }
    document.getElementById("MemoBox").insertAdjacentText("BeforeEnd","\n"); }
    //-->
    </SCRIPT></html>
      

  2.   

    <html><head>
    <meta http-equiv="Content-Language" content="zh-cn">
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>通过JS连续把控件框的值合并并多次添加到文本区</title>
    </head><body>            <TABLE cellSpacing=1 cellPadding=4 width=936  height="144" id="table1"  >
                  <tr>
                    <TD  width=95 height=25 align="right" class="a2">
    开始时间：</TD>
                    <TD  width=404 height=25 class="a3">
    <input type="checkbox" name="jieguan1" id="jieguan1" value="1" alt="周一">周一|
    <input type="checkbox" name="jieguan2" id="jieguan2" value="2" alt="周二">周二|
    <input type="checkbox" name="jieguan3" id="jieguan3" value="3" alt="周三">周三|
    <input type="checkbox" name="jieguan4" id="jieguan4" value="4" alt="周四">周四|
    <input type="checkbox" name="jieguan5" id="jieguan5" value="5" alt="周五">周五|
    <input type="checkbox" name="jieguan6" id="jieguan6" value="6" alt="周六">周六|
    <input type="checkbox" name="jieguan7" id="jieguan7" value="7" alt="周天">周天
    </TD>             
                  </tr>
                  <tr>
                    <TD  width=95 height=25 align="right" class="a2">
    截止时间：</TD>
                    <TD  width=404 height=25 class="a3">
    <input type="checkbox" name="kaichuan1" id="kaichuan1" value="1" alt="周一">周一|
    <input type="checkbox" name="kaichuan2" id="kaichuan2" value="2" alt="周二">周二|
    <input type="checkbox" name="kaichuan3" id="kaichuan3" value="3" alt="周三">周三|
    <input type="checkbox" name="kaichuan4" id="kaichuan4" value="4" alt="周四">周四|
    <input type="checkbox" name="kaichuan5" id="kaichuan5" value="5" alt="周五">周五|
    <input type="checkbox" name="kaichuan6" id="kaichuan6" value="6" alt="周六">周六|
    <input type="checkbox" name="kaichuan7" id="kaichuan7" value="7" alt="周天">周天
    </TD>             
                  </tr>
                  <tr>
                    <TD  width=95 height=25 align="right" class="a2">
    名字：</TD>
                    <TD  width=404 height=25 class="a3">
    <select name="p_qc0"  ID="p_qc0" size="1">
    &nbsp;
    <option>请选择名字</option>
    <option value="李华">李华</option>
    <option value="关羽">张飞</option>
    <option value="关羽">关羽</option>
    <option value="关羽">小白</option>
    </select>&nbsp;  <input type="button" value="新增" onclick="add()"></TD>             
                  </tr>
                  <tr>
                    <TD  width=95  height=25 align="right" class="a2"><SPAN 
                      >备注：</SPAN><p>
    <span class="main1">(备注信息)</span></p>
    <p>　</TD>
                    <TD  width=824 height=25 class="a3"><textarea name="MemoBox"  ID="MemoBox" rows="4" name="p_re" cols="40" style="font-family: 新细明体, 宋体, Arial; font-size: 14px;background-color:#f3f3f3;border:1 solid black"  onMouseOver = "this.style.backgroundColor = '#E5F0FF'" onMouseOut = "this.style.backgroundColor = ''"></textarea>&nbsp; 
    .</TD>
                  </tr>
                  </TABLE>
            
    </body><SCRIPT LANGUAGE="JavaScript">
    <!--
    function add()
    {
    document.getElementById("MemoBox").insertAdjacentText("BeforeEnd",document.getElementById("p_qc0").value);
    document.getElementById("MemoBox").insertAdjacentText("BeforeEnd","/");
    for (var oNum=1;oNum<8;oNum++)
    {
    if (document.getElementById("jieguan"+oNum).checked)
    document.getElementById("MemoBox").insertAdjacentText("BeforeEnd",document.getElementById("jieguan"+oNum).alt+",");
    }
    document.getElementById("MemoBox").insertAdjacentText("BeforeEnd","/");
    for (var oNum=1;oNum<8;oNum++)
    {
    if (document.getElementById("kaichuan"+oNum).checked)
    document.getElementById("MemoBox").insertAdjacentText("BeforeEnd",document.getElementById("kaichuan"+oNum).alt+",");
    }
    document.getElementById("MemoBox").insertAdjacentText("BeforeEnd","\n"); }
    //-->
    </SCRIPT></html>刚才分隔符错了
      

  3.   

    谢谢Michael_g() 老大，真的太谢谢你了.好强好强!!
      

  4.   

    完美了,你重新粘一下吧<html><head>
    <meta http-equiv="Content-Language" content="zh-cn">
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>通过JS连续把控件框的值合并并多次添加到文本区</title>
    </head><body>            <TABLE cellSpacing=1 cellPadding=4 width=936  height="144" id="table1"  >
                  <tr>
                    <TD  width=95 height=25 align="right" class="a2">
    开始时间：</TD>
                    <TD  width=404 height=25 class="a3">
    <input type="checkbox" name="jieguan1" id="jieguan1" value="1" alt="周一">周一|
    <input type="checkbox" name="jieguan2" id="jieguan2" value="2" alt="周二">周二|
    <input type="checkbox" name="jieguan3" id="jieguan3" value="3" alt="周三">周三|
    <input type="checkbox" name="jieguan4" id="jieguan4" value="4" alt="周四">周四|
    <input type="checkbox" name="jieguan5" id="jieguan5" value="5" alt="周五">周五|
    <input type="checkbox" name="jieguan6" id="jieguan6" value="6" alt="周六">周六|
    <input type="checkbox" name="jieguan7" id="jieguan7" value="7" alt="周天">周天
    </TD>             
                  </tr>
                  <tr>
                    <TD  width=95 height=25 align="right" class="a2">
    截止时间：</TD>
                    <TD  width=404 height=25 class="a3">
    <input type="checkbox" name="kaichuan1" id="kaichuan1" value="1" alt="周一">周一|
    <input type="checkbox" name="kaichuan2" id="kaichuan2" value="2" alt="周二">周二|
    <input type="checkbox" name="kaichuan3" id="kaichuan3" value="3" alt="周三">周三|
    <input type="checkbox" name="kaichuan4" id="kaichuan4" value="4" alt="周四">周四|
    <input type="checkbox" name="kaichuan5" id="kaichuan5" value="5" alt="周五">周五|
    <input type="checkbox" name="kaichuan6" id="kaichuan6" value="6" alt="周六">周六|
    <input type="checkbox" name="kaichuan7" id="kaichuan7" value="7" alt="周天">周天
    </TD>             
                  </tr>
                  <tr>
                    <TD  width=95 height=25 align="right" class="a2">
    名字：</TD>
                    <TD  width=404 height=25 class="a3">
    <select name="p_qc0"  ID="p_qc0" size="1">
    &nbsp;
    <option>请选择名字</option>
    <option value="李华">李华</option>
    <option value="关羽">张飞</option>
    <option value="关羽">关羽</option>
    <option value="关羽">小白</option>
    </select>&nbsp;  <input type="button" value="新增" onclick="add()"></TD>             
                  </tr>
                  <tr>
                    <TD  width=95  height=25 align="right" class="a2"><SPAN 
                      >备注：</SPAN><p>
    <span class="main1">(备注信息)</span></p>
    <p>　</TD>
                    <TD  width=824 height=25 class="a3"><textarea name="MemoBox"  ID="MemoBox" rows="4" name="p_re" cols="40" style="font-family: 新细明体, 宋体, Arial; font-size: 14px;background-color:#f3f3f3;border:1 solid black"  onMouseOver = "this.style.backgroundColor = '#E5F0FF'" onMouseOut = "this.style.backgroundColor = ''"></textarea>&nbsp; 
    .</TD>
                  </tr>
                  </TABLE>
            
    </body><SCRIPT LANGUAGE="JavaScript">
    <!--
    function add()
    {
    var adddot=false;
    document.getElementById("MemoBox").insertAdjacentText("BeforeEnd",document.getElementById("p_qc0").value);
    document.getElementById("MemoBox").insertAdjacentText("BeforeEnd","/");
    for (var oNum=1;oNum<8;oNum++)
    {
    if (document.getElementById("jieguan"+oNum).checked)
    {
    if (adddot) document.getElementById("MemoBox").insertAdjacentText("BeforeEnd",","); 
    document.getElementById("MemoBox").insertAdjacentText("BeforeEnd",document.getElementById("jieguan"+oNum).alt);
    adddot=true;
    } }
    adddot=false;
    document.getElementById("MemoBox").insertAdjacentText("BeforeEnd","/");
    for (var oNum=1;oNum<8;oNum++)
    {
    if (document.getElementById("kaichuan"+oNum).checked)
    {
    if (adddot) document.getElementById("MemoBox").insertAdjacentText("BeforeEnd",",");
    document.getElementById("MemoBox").insertAdjacentText("BeforeEnd",document.getElementById("kaichuan"+oNum).alt);
    adddot=true;
    }
    }
    document.getElementById("MemoBox").insertAdjacentText("BeforeEnd","\n"); }
    //-->
    </SCRIPT></html>