2015-04-28 55 views
-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> 
+0

就像一個Excel XML? – Downgoat

+0

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

+0

如果您使用xml解析器'var xml =(new DOMParser())。parseFromString($('#textarea'),可以使事情更輕鬆。 val(),'text/xml')' – Downgoat

回答

0

讓我們關閉這一個://這是@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>

相關問題