JavaScript循环获取html控件的值，然后传到xml里头

<div style="height: 83px">
<input id="Text1" type="text" />
<input id="Text2" type="text" />
<input  id="Text3" type="text" />
<input id="Text4" type="text" />
<input id="Text5"  type="text" />
<input id="Text6" type="text" />
<input id="Text7"  type="text" />
<input id="Text8" type="text" />
<input id="Button1"  type="button" value="button" />
</div>
这里只是列举，实际text框有好几十个。
怎么利用循环获取以上所有text的输入值，然后传到xml里头。
请大家多多指教！

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

首先把你要循环的控件统一，都加一个属性 name，设置name是相同的，也就是指明他们同组。function GetTextValues(
name//text控件的名字
)
{
  var l=document.getElementsByName(name);
  var r=[];
  for(int i=0,o;o=l[i];i++)
    r[i]=o.value;
  return r;
}
或者给div加个id='d'
var div = document.getElementById('d');
var inputs = div.getElementsByTagName('input');
for(var i=0;i<inputs.length;i++){if(inputs[i].type=='text'){alert(inputs[i].value)}}
不同意楼上的说法, 同样的name是很危险的操作. 除非复选框、单选框什么的其他最好都别name相同.
取所有的input值可以通过
document.getElementsByTagName('input') 返回数组再循环遍历.
当然如果用jquery就更简单.
<div style="height: 83px">
<form id="form1">
<input id="Text1" type="text" />
<input id="Text2" type="text" />
<input id="Text3" type="text" />
<input id="Text4" type="text" />
<input id="Text5" type="text" />
<input id="Text6" type="text" />
<input id="Text7" type="text" />
<input id="Text8" type="text" />
<input id="Button1" type="button" value="button" />
</form>
</div><script type="text/javascript">
var val = $('#form1').serialize(); //这里的val就是你要的值如:name=aa&password=123//或者
$(':text').each(function(){
    var val = this.value;//每一个input的值
});
</script>
var inputs = div.getElementsByTagName('input');
var str='<xml>';
for(var i=0;i<inputs.length;i++){
    if(inputs[i].type="text"){
         str+='<text>+inputs[i].value+'</text>';
    }
}
str+='</xml>';
为什么这样还是不行呢？<script type="text/javascript">
    /*window.onload =function showvalue()
    {
   var d= document.getElementById("Radio1").value;
    alert(d);
    }*/
    function save()
    {
       var str;
       var l=document.getElementsByName("t");
       for(var i=0,j;i<l[i].length;i++)
       {
         j=l[i];
         str=j.value;
         alert(str);
       }

    }
    </script>
<body>
    <form id="form1" runat="server">
    <div>
        <input id="Radio1" name="choose" type="radio" value="123" /><input id="Radio2"
            name="choose" type="radio" value="123" />
          <div style="height: 35px">
            <input id="Text1" type="text" name="t" />
            <input id="Text2" type="text" name="t" />
            <input id="Text3" type="text" name="t" />
            <input id="Button1"  type="button" value="button" onclick="sava()" />
          </div>
    </div>
    </form>
</body>
还是不行哦~
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>无标题页</title>
    <script type="text/javascript">
    /*window.onload =function showvalue()
    {
   var d= document.getElementById("Radio1").value;
    alert(d);
    }*/
    function save()
    {
       var div = document.getElementById('d');
       var inputs = div.getElementsByTagName('input');
        for(var i=0;i<inputs.length;i++)
        {
        if(inputs[i].type=='text')
        {
        alert(inputs[i].value)
        }
        }
    }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input id="Radio1" name="choose" type="radio" value="123" /><input id="Radio2"
            name="choose" type="radio" value="123" />
          <div id="d" style="height: 35px">
            <input id="Text1" type="text" name="t" />
            <input id="Text2" type="text" name="t" />
            <input id="Text3" type="text" name="t" />
            <input id="Button1"  type="button" value="button" onclick="sava()" />
          </div>
    </div>
    </form>
</body>
</html>
请大家回答怎么插入数据到xml ，有三层节点的，父节点、子节点、孙节点，谢谢！
需要遍历后找到你插入的地方，进行插入。也就是添加子结点；可以通过getElementsByTagName、parentNode
childrenNode等操作
我现在是不知道怎么插入节点并保存。
我的代码如下：<%@ Page Language="C#" AutoEventWireup="true" CodeFile="readxml.aspx.cs" Inherits="readxml" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>无标题页</title>
</head>
<script type="text/javascript">
function ins()
{
   var doc = new ActiveXObject("Msxml2.DOMDocument"); //ie5.5+,CreateObject("Microsoft.XMLDOM")
//创建文件头
var p = doc.createProcessingInstruction("xml","version='1.0'  encoding='gb2312'");
    //添加文件头
    doc.appendChild(p);//创建根接点
    var root = doc.createNode(1,"root","");
    //创建子接点
    var n = doc.createNode(1,"Examination","");
        //指定子接点文本
    //创建孙接点
    var o = doc.createElement("userid");
        o.text = document.getElementById("Text1").value;
    var o2 = doc.createElement("title1");
        o2.text = document.getElementById("Text2").value;
    //创建属性
    var r = doc.createAttribute("Eid");
        r.value="1";
        //添加属性
        n.setAttributeNode(r);
        //添加孙接点
        n.appendChild(o);
        n.appendChild(o2);
        //添加子接点
        root.appendChild(n);
    //添加根接点
    doc.appendChild(root);
}</script>
<body>
    <form id="form1" runat="server">
<div id="show">
    <input id="Text1" type="text" runat="server" /><input id="Text2" type="text" />
    <input id="ok" type="button" value="ok" onclick="ins()" />
</div>
<p>
    <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Button" />
    <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
</p>
</form>
</body>
</html>--------------------------------------------
<?xml version="1.0" encoding="utf-8"?>
<root>
<Examination Eid="1">
<userid>1</userid>
<title1>今年是2012年吗？</title1>
<answer1>不是</answer1>
</Examination>
<Examination Eid="2">
<userid>2</userid>
<title1>怎么插入数据并保存呢？</title1>
<answer1>不清楚，求解</answer1>
</Examination>
</root>
建议使用JQuery，它最擅长的就是操作集合，你既然有那么多的同类控件那用JQuery就最合适了。你可以看一下JQuery的中文帮助文件，里面的选择器，获取值，取节点这些你都看一下，领悟力高的话一个下午足以搞定。