有关遍历当前页面所有控件的问题

在网上找到了一下一段代码，但是无法遍历到textarea，请问该怎样做才能遍历到textarea呢？我的分数不多，只有20分，希望好新人能帮一下忙。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>  <script type="text/javascript">
    function getFrmQryStr(frmID) {
      var obj = eval("document." + frmID);
      if (obj == null)
        obj = document.getElementById(frmID);
      if (obj == null) return "";
      var i, queryString = "", and = "";
      var item; // for each form's object
      var itemValue; // store each form object's value
      var frmtype = obj.nodeName.toUpperCase();
      if (frmtype == "FORM") {
        for (i = 0; i < obj.length; i++) {
          item = obj.elements[i]; // get form's each object
          if (item != null && item.name != undefined && item.name != '') {
            if (item.type == 'select-one') {
              itemValue = item.options[item.selectedIndex].value;
            }
            else if (item.type == 'checkbox' || item.type == 'radio') {
              if (item.checked == false) {
                continue;
              }
              itemValue = item.value;
            }
            else if (item.type == 'button' || item.type == 'submit' || item.type == 'reset' || item.type == 'image') {
              continue;
            }
            else {
              itemValue = item.value;
            }            itemValue = encodeURIComponent(itemValue);
            queryString += and + item.name + '=' + itemValue;
            and = "&";
          }
        }
      }
      else if (frmtype == "DIV") {
        queryString = getFrmValues(obj);
      }
      return queryString;
    }    function getFrmValues(obj) {
      var item = null;
      var itemValue = null;
      var str = "";
      for (var i = 0; i < obj.childNodes.length; i++) {
        item = obj.childNodes[i];
        if (item == null || item == undefined) continue;
        if (item.name != undefined && item.name != null && item.name != '') {
          if (item.type == 'select-one') {
            itemValue = item.options[item.selectedIndex].value;
          }
          else if (item.type == 'checkbox' || item.type == 'radio') {
            if (item.checked == false) {
              continue;
            }
            itemValue = item.value;
          }
          else if (item.type == 'button' || item.type == 'submit' || item.type == 'reset' || item.type == 'image') {
            continue;
          }
          else {
            itemValue = item.value;
          }
          itemValue = encodeURIComponent(itemValue);
          if (str != "") str += "&";
          str += item.name + '=' + itemValue;
        }
        if (item.childNodes.length > 0) {
          var temp = getFrmValues(item);
          if (temp != "") {
            if (str != "") str += "&";
            str += temp;
          }
        }
      }
      return str;
    }    function getdata() {
      var str = getFrmQryStr("div");
      alert(str);
    }
  </script></head>
<body>
  <div>
    <form id="frm" name="frm" action="" method="post">
    <div id="div">
      <input type="text" id="txt1" name="txt1" value="1" />
      <div>
        <input type="text" id="txt2" name="txt2" value="2" />
        <select id="sel" name="sel" multiple size="1">
          <option value="China" selected="">China</option>
         <option selected>USA</option>
        </select>
        <input type="hidden" id="Text1" name="txt3" value="hidden" />
        <input type="checkbox" id="chk1" name="chk" value="chk1" checked="checked" />
        <input type="checkbox" id="chk2" name="chk" value="chk2" checked="checked" />
        <input type="radio" id="rad1" name="rad" value="1111" />
        <input type="radio" id="Radio1" name="rad" value="1222" />
        <input type="radio" id="Radio2" name="rad" value="13333" checked="checked" />
        <span>
          <input type="text" id="txt3" name="txt3" value="3" /></span>
      </div>
    </div>
    <input type="text" id="txt4" name="txt4" value="4" />
    <p><textarea rows="4" name="S1" cols="57">sdfsdfds</textarea></p>
    </form>
    <input type="text" id="txt5" name="txt5" value="5" />
    <br />
    <button onclick="getdata()">
      Submit</button>
  </div>
</body>
</html>

解决方案 »

  1.   

    有没甘复杂啊?http://www.21cnyt.com/js/form.js
      

  2.   


     <body>
      <form id="aa" method=post action="">
    <input type="text" name="text">
    <select name="select">
    <option value="" selected>aaaaaaa
    <option value="">bbbbbbbb
    </select>
    <textarea name="textarea" rows="" cols=""></textarea>
    <input type="checkbox" name="checkbox">
    <input type="checkbox" name="checkbox">
      </form>
     </body>
    <script language="JavaScript">
    <!--
    var aa = document.getElementById("aa").elements;
    for(i=0;i<aa.length;i++){
    alert(aa[i].name);
    }
    //-->
    </script>
      

  3.   


    var s = document.getElementsByTagName('*');
    var len = s.length;
    var tag;
    var arr= [];
    for(var i = 0; i < len; i++) {
    tag = s[i].tagName;
    if(tag && (/input|select|textarea|button/i).test(tag)){
    arr[arr.length] = s[i];
    }
    }
    alert(arr);