基於輸入創建一個JavaScript電子表格

-1

我想學習網絡編程和Javascript。基於輸入創建一個JavaScript電子表格

我試圖從Excel電子表格中複製用戶，並創建一個包含下拉列表的JavaScript電子表格/表格。

因此，基本上用戶會將輸入粘貼到空白字段中，按下提交按鈕，JavaScript會生成一個類似Excel的電子表格，從而將數據進行相應的排序。下拉列表位於每列的頂部，並允許用戶選擇就緒/未準備好。這是爲合流WIKI頁面設計的。

這就是我到目前爲止，現在代碼分析輸入字段並創建一個多維數組。之後，數組將被記錄在控制檯上。我需要幫助將所有內容顯示在wiki頁面上。

<html> 
<head> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 
</head> 

<body> 
    <textarea id="textarea"></textarea> 
    <button id="loadPaste">parse</button> 
    <script type="text/javascript"> 
     var excel = new Array(); 
     $(document).ready(function() { 
      $('#loadPaste').click(function() { 
       var text = $('#textarea').val(); 
       var rows = text.split("\n"); 
       for (var i = 0; i < rows.length; i++) { 
        excel[i] = rows[i].split("\t"); 
       } 
       console.log(excel); 
      }); 
     }); 
    </script> 
</body> 

</html>

來源

2015-04-28 Yellowman0021

就像一個Excel XML？ – Downgoat

是的，但是電子表格會顯示在WIKI頁面上。在用戶將輸入粘貼到提供的字段後，將顯示電子表格，然後按回車 – Yellowman0021

如果您使用xml解析器'var xml =（new DOMParser（））。parseFromString（$（'＃textarea'），可以使事情更輕鬆。 val（），'text/xml'）' – Downgoat

讓我們關閉這一個：//這是@Downgoat響應，對xml解析器的解釋很少。

使用XML解析器var xml = (new DOMParser()).parseFromString($('#textarea').val(), 'text/xml')

var text, parser, xmlDoc; 
 

 
text = "<bookstore><book>" + 
 
"<title>Everyday Italian</title>" + 
 
"<author>Giada De Laurentiis</author>" + 
 
"<year>2005</year>" + 
 
"</book></bookstore>"; 
 

 
parser = new DOMParser(); 
 
xmlDoc = parser.parseFromString(text,"text/xml"); 
 

 
document.getElementById("demo").innerHTML = 
 
xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;

<html> 
 
<body> 
 

 
<p id="demo"></p> 
 
</body> 
 
</html>

來源

2017-06-09 11:32:26

基於輸入創建一個JavaScript電子表格

回答

相關問題