Scripts 学盟

标题: 一个简单的 excel 数据导入方式 [打印本页]
作者: 混混@普宁.中国    时间: 2012-1-11 18:14:55     标题: 一个简单的 excel 数据导入方式

建两个页面：import.htm,  edit.htm， 运行 import.htm

edit.htm
  1. <html>
  2.         <head><script>window.onload = function() { document.designMode = 'on'; };</script></head>
  3.         <body contenteditable="true"></body>
  4. </html>
复制代码
import.htm
  1. <script>
  2. function importData() {
  3.         var xlsDoc = document.getElementById('dataTable').contentWindow.document;
  4.         var tables = xlsDoc.getElementsByTagName('table');
  5.         if (!tables.length) {
  6.                 return alert('没有粘贴数据');
  7.         }
  8.         var dataTable = tables[0];
  9.         var myTab = document.getElementById('myTab');
  10.         for (var i=0; i<myTab.rows.length; i++) {
  11.                 if (dataTable.rows.length <= i) break;
  12.                 var mRow = myTab.rows[i];
  13.                 var dRow = dataTable.rows[i];
  14.                 for (var j=0; j<mRow.cells.length; j++) {
  15.                         if (dRow.cells.length <= j) break;
  16.                         var mCell = mRow.cells[j];
  17.                         var dCell = dRow.cells[j];
  18.                         mCell.getElementsByTagName('input')[0].value = dCell.innerText||dCell.textContent||'';
  19.                 }
  20.         }
  21.         xlsDoc.body.innerHTML = '';
  22. }
  23. </script>
  24. <form>
  25.         <table border="1" id="myTab">
  26.                 <tr>
  27.                         <td><input /></td>
  28.                         <td><input /></td>
  29.                         <td><input /></td>
  30.                         <td><input /></td>
  31.                         <td><input /></td>
  32.                 </tr>
  33.                 <tr>
  34.                         <td><input /></td>
  35.                         <td><input /></td>
  36.                         <td><input /></td>
  37.                         <td><input /></td>
  38.                         <td><input /></td>
  39.                 </tr>
  40.                 <tr>
  41.                         <td><input /></td>
  42.                         <td><input /></td>
  43.                         <td><input /></td>
  44.                         <td><input /></td>
  45.                         <td><input /></td>
  46.                 </tr>
  47.         </table>
  48.         表格数据粘贴在下面的框框中, 然后<input type="button" onclick="importData();" value="导入..." />后续的表单验证提交什么的... 不废话了<br/>
  49.         <iframe src="edit.htm" id="dataTable" ></iframe>
  50. </form>
复制代码
作者: 奔波儿灞    时间: 2012-1-12 08:54:54

作者: momo    时间: 2012-1-29 14:16:26





欢迎光临 Scripts 学盟 (http://www.iscripts.org/) Powered by Discuz! X2