excel數據復制到html表格<textarea>中
阿新 • • 發佈:2018-09-08
java find rar inpu == sta 數據 his 點擊
將excel的數據粘貼到html的表格<textarea>中,可以點擊html表格中的任何一個<textarea>點擊粘貼,效果和在excel中一樣。
單元格復制後的數據格式為"設備\t缺陷類型\r\n水壓堵閥\t母材裂紋"。
單元格之間通過"\t"分隔,行間通過"\r\n"分隔。
數據必須粘貼到<textarea>多文本框中,如果是<input>控件換行符"\r\n"會被刪除掉。
表格中要使用<textarea>接收數據,
$(function () { $("textarea").on("change", function () { var str = $(this).val(); var rowStrArray = str.split("\n"); var rows = []; for (var i = 0; i < rowStrArray.length; i++) { var row = []; var tdStrArray = rowStrArray[i].split(‘\t‘); for (var j = 0; j < tdStrArray.length; j++) { row.push(tdStrArray[j]); } rows.push(row); } var startTr = $(this).parents("tr:first"); var startTd = $(this).parents("td:first"); var trIndex = -1; var tdIndex = -1; $("tr").each(function (i, tr) { if (tr == startTr[0]) { trIndex = i; } $(tr).find("td").each(function (j, td) { if (td == startTd[0]) { tdIndex = j; } if (trIndex != -1 && tdIndex != -1 && i >= trIndex && j >= tdIndex) { var rowsIndex = i - trIndex; if (rowsIndex < rows.length) { var row = rows[rowsIndex]; var rowIndex = j - tdIndex; if (rowIndex < row.length) { var val = rows[rowsIndex][rowIndex]; $(td).find("textarea").val(val); } } } }); }) }); });
excel數據復制到html表格<textarea>中