excel数据复制到html表格<textarea>中 - 码上快乐

相关内容简体繁体

excel数据复制到html表格中</a></h3> </center> <div class="postinfo"> 本文转载自 <i class="icon-globe"></i> <a href="/go/aHR0cHM6Ly93d3cuY25ibG9ncy5jb20vZ3VvaHUvcC85NjA5NDM3Lmh0bWw=" target="_blank">查看原文</a> <i class="icon-time"></i> <span>2018-09-08 15:58</span> <i class="icon-eye-open"></i> <span>1417 </span> <i class="icon-tag"></i> <span><a href='/tag/剪切板' target="_blank">剪切板</a></span> <i class="icon-star" title="2.032"></i> <i class="icon-star" title="2.032"></i> </div> <hr/> <div class="media-body" id="content_div"> <div class="title_down_ad ad"> </div> <div class="post_content" id="postContent"> <p><strong>方案一</strong></p> <p>多行文本框接收到复制的excel值后，在文本框的chage事件中，将excel内容分割到二维数组中，然后填充到html的表格的input或textarea中。</p> <p><strong>数据格式：</strong> 单元格复制后的数据格式为"设备\t缺陷类型\r\n水压堵阀\t母材裂纹"。</p> <p><strong>注释：</strong>单元格之间通过"\t"分隔，行间通过"\r\n"分隔。数据必须粘贴到<textarea>多文本框中，如果是<input>控件换行符"\r\n"会被删除掉。表格中要使用<textarea>接收数据，</p> <div class="cnblogs_Highlighter"> <pre class="brush:javascript;gutter:true;"> $(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); } } } }); }) }); }); </pre> </div> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-4353345653789615" data-ad-slot="4890554435"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({});</script> <p>　　</p> <p><strong>方案二：优化方案</strong></p> <p>粘贴事件发生的时候，获取剪切板的内容，将复制的excel内容分割到二维数组中，然后填充到html的表格的input或textarea中。</p> <div class="cnblogs_Highlighter"> <pre class="brush:javascript;gutter:true;">var CopyExcel = function (tableId) { $("#" + tableId).find("input,textarea").on("paste", function (e) { var pastedText = undefined; if (window.clipboardData && window.clipboardData.getData) { // IE pastedText = window.clipboardData.getData('Text'); } else { //e.clipboardData.getData('text/plain'); pastedText = e.originalEvent.clipboardData.getData('Text'); } //阻止粘贴事件的默认行为 e.preventDefault(); var str = pastedText; var rowStrArray = str.split("\r\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("input,textarea").val(val); } } } }); }) }); } </pre> </div> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-4353345653789615" data-ad-slot="4890554435"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({});</script> <p>　　</p> </div> <div class="read-more" id="read-more" style="display:none"></div> <div class="alert alert-info" style="margin-top:20px;"> <p id="tips_top1"> </p> </div> <script type="text/javascript"> $("#tips_top1").append("<strong><i class=\"icon-fire\"></i>温馨提示：</strong>如果本文未解决您的问题，可以免费向大模型提问：<strong><a href='javascript:void(0)' class='gptbtn'>向AI大模型提问</a></strong>。"); </script> <div class="iframe-container"> </div> </div> <div class="ad_content_down ad"> </div> </div> <div class="disclaimer visible-desktop"> <br/> <div class="alert alert-block"> <button type="button" class="close" data-dismiss="alert">×</button> <h4>免责声明！</h4> <p>本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。</p> </div> <br/><br/> </div> </div>  <div class="span4 left_content"> <div id="left_list_div" class="left_content"> <span class="list-group-item" href="javascript:void(0)"><i class="icon-filter"></i><strong>猜您在找</strong></span> <a class='list-group-item' href="/blog/bec4391.html" title="excel复制到word，表格格式错乱解决办法"> <i class="icon-file"></i> excel复制到word，表格格式错乱解决办法 </a> <a class='list-group-item' href="/blog/b746231.html" title="Oracle把一个表的数据复制到另一个表中"> <i class="icon-fire"></i> Oracle把一个表的数据复制到另一个表中 </a> <a class='list-group-item' href="/blog/f6119b1.html" title="将一个列表的数据复制到另一个列表中"> <i class="icon-file"></i> 将一个列表的数据复制到另一个列表中 </a> <a class='list-group-item' href="/blog/89b0061.html" title="Word VBA(批量复制Excel表格和Word表格到Word中)"> <i class="icon-file"></i> Word VBA(批量复制Excel表格和Word表格到Word中) </a> <a class='list-group-item' href="/blog/b0fdd91.html" title="用python库openpyxl操作excel,从源excel表中提取信息复制到目标excel表中"> <i class="icon-file"></i> 用python库openpyxl操作excel,从源excel表中提取信息复制到目标excel表中 </a> <a class='list-group-item' href="/blog/9016c91.html" title="SqlServer将数据库中的表复制到另一个数据库"> <i class="icon-fire"></i> SqlServer将数据库中的表复制到另一个数据库 </a> <a class='list-group-item' href="/blog/9c7b381.html" title="mysql 将一个表中的数据复制到另一个表中，sql语句"> <i class="icon-fire"></i> mysql 将一个表中的数据复制到另一个表中，sql语句 </a> <a class='list-group-item' href="/blog/aaee9e1.html" title="mysql 将一个表中的数据复制到另一个表中，sql语句"> <i class="icon-fire"></i> mysql 将一个表中的数据复制到另一个表中，sql语句 </a> <a class='list-group-item' href="/blog/c987471.html" title="SVG图像高清复制到Word中"> <i class="icon-file"></i> SVG图像高清复制到Word中 </a> <a class='list-group-item' href="/blog/7c262f1.html" title="python读取excel表格中的数据"> <i class="icon-fire"></i> python读取excel表格中的数据 </a> <div id="right_float_ad" class="ad"> </div> </div> </div> </div> </div> <div class="clear"> </div> <div class="fbar" style="z-index:100"> <div class="span7" style="color:grey;font-size:12px;"> </div> <div class="pull-right"> <span><a href="http://beian.miit.gov.cn" rel="nofollow" target="_blank">粤ICP备18138465号</a> </span><span>© 2018-2025 CODEPRJ.COM </span> </div> </div> <script src="/js/code.js?version=20250504"></script> <script> function buffer(a, b, c) { var d; return function() { if (d) return; d = setTimeout(function() { a.call(this), d = undefined }, b) } } (function() { function e() { var d = document.body.scrollTop || document.documentElement.scrollTop; d > b ? (a.className = "div1 div2", c && (a.style.top = d - b + "px")) : a.className = "div1" } var a = document.getElementById("float"); if (a == undefined) return ! 1; var b = 0, c, d = a; while (d) b += d.offsetTop, d = d.offsetParent; c = window.ActiveXObject && !window.XMLHttpRequest; if (!c || !0) window.onscroll = buffer(e, 50, this) })(); </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?85c5e8e7b6167edfc87cb0607142e870"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>