日期:2014-05-16  浏览次数:20520 次

js循环用文本框显示值问题。
如何添加一个表格,并在表格里单元格里插入文本框。

也就是说 excel中有 2行3列 
如:
A B C
D E F

如何用js把这个显示在网页中表格(表格也2行3列),样式和这个一样,并且显示的时候的值都用文本框显示。代码该怎么写?高手指教下。。非常感谢。。。



------解决方案--------------------
JScript code

  fuction Insert()
  {
     var div="";
     counts=2(excel的行数);
     (取出excel中的值,按顺序放到textbox中去就好了)
     var div+="<table>"
     for(var i=0;i<counts;i++)
     {
        div+="<tr> <td><input type='text' value=''></td> "+
                   "<td><input type='text'value=''>"+
                   "</td><td><input type='text' value=''></td> </tr>"
     }
    div+="</table>";(table中样式按正常的方法放入即可)
    document.getElemengById("div").innerHTML=div;
  }
  Insert();

------解决方案--------------------
C# code

<head>
<script type="text/javascript" src="/Scripts/jquery-1.4.4.min.js"></script>
</head>
<body>
  <table id="table">
  <tr>
    <td>aa</td>
    <td>bb</td>
    <td>cc</td>
  </tr>
  <tr>
    <td>dd</td>
    <td>ee</td>
    <td>ff</td>
  </tr>
  </table>
  <a onclick="javascript:insert();">强力插入</a>
  <textarea id="textarea" rows="" cols="" style="height:100px;width:300px;"></textarea>
  <script>
      function insert() {
          var val = "";
          $("#table tr").each(function () {
              $(this).find("td").each(function () {
                  val += $(this).html()+" ";
              });
              val += "\r\n";
          });
        $("#textarea").val(val);
      }
  </script>
</body>