我想编一段代码，主要是这样：有十个文本框，文本框的名命为：xming01,xming02,xming03.....xming10, 怎样才能自动提取这十个文本框的命名！

我想编一段代码，主要是这样：有十个文本框，文本框的名命为：xming01,xming02,xming03.....xming10, 怎样才能自动提取这十个文本框的命名！ 用JS脚本！

解决方案 »

  1.   

    两种方式，一种是通过文本框的name属性，一种是通过id属性。代码如下：
    var textObject1 = document.getElementById("textId");
    var textObject2 = document.getElementByName("textName");
    通过文本框的value属性可以拿到文本框当中的输入值。
    var valueA = textObject1.value;
    var valueB = textObject2.value;
      

  2.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
     </HEAD>
    <script language="javascript" type="text/javascript">
    function doClick()
    {
    var obj = document.getElementsByName("textgroup");
    alert(obj.length);
    for(var i = 0; i < obj.length; i++)
    {
    alert("第" + (i+1) + "个输入框ID为：" + obj[i].id);
    }
    } </script>
     <BODY><center>
    <input type"text" id="text1"  name="textgroup" value="" /><br/>
    <input type"text" id="text2" name="textgroup"  value="" /><br/>
    <input type"text" id="text3" name="textgroup"  value="" /><br/>
    <input type"text" id="text4" name="textgroup"   value="" /><br/>
    <input type"text" id="text5" name="textgroup"  value="" /><br/>
    <input type"text" id="text6" name="textgroup"  value="" /><br/>
    <input type"text" id="text7" name="textgroup"  value="" /><br/>
    <input type"text" id="text8" name="textgroup"  value="" /><br/>
    <input type"text" id="text9" name="textgroup"  value="" /><br/>
    <input type"text" id="text10" name="textgroup"  value="" /><br/>
    <input type"text" id="text11" name="textgroup"  value="" /><br/>  <input type="button" value="button" onclick="doClick()"/>
      </center>
     </BODY>
    </HTML>
      

  3.   

    用 
    for(i=0;i<document.all.tags("input").length;i++) 
         if(document.all.tags("input")[i].type=="text") j++;   
      }
    获取全部的text文本框
      

  4.   

    这个行吗？
    <html>
    <head>动态查找控件</head><script language=javascript>
    function addTxtBox()
    { var i;
    var str;
     window.upid.innerHTML="";
    for(i=1;i<=10;i++)
    {
    if(i<=9)
    {
    str='<input type="text" name="XMING0'+i+'" style="width:100" id="XMING0"'+i+'><br>';
    }
    else
    {
    str='<input type="text" name="XMING'+i+'" style="width:100" id="XMING"'+i+'><br>';
    }
     window.upid.innerHTML +=str;
    }


    }
    function findControl(obj)
    {
    var i;
    var str="";
    for(i=0;i<obj.length;i++)
    {
    if(obj.elements(i).type=="text")
    {
    str=str+ obj.elements(i).name+"\n";

    }
    }
    alert(str);

    }
    </script>
    <body>
    <form id="form1" name="form1">
    <table><tr align="center" valign="middle">
    <td align="left" id="upid">

    </td>
    </tr>

    <tr align="center" valign="middle">
    <td align="left" >
    <input type=button id="button1" onclick="addTxtBox()" value="添加控件">
    <input type=button id="Button2" onclick="findControl(document.form1)" value="偏历控件" NAME="Button2">
    </td>
    </tr>
    </table>
    </form>
    </body>
    </html>