基于输入创建JavaScript电子表格_Javascript_Html_Spreadsheet

基于输入创建JavaScript电子表格

javascript html

基于输入创建JavaScript电子表格,javascript,html,spreadsheet,Javascript,Html,Spreadsheet,我正在努力学习网络编程和Javascript 我试图从Excel电子表格中获取用户复制的任何内容，并创建一个包含下拉列表的JavaScript电子表格/表格因此，用户基本上会将输入粘贴到一个空白字段中，按下submit按钮，JavaScript将生成一个类似Excel的电子表格，该电子表格将相应地对数据进行排序。下拉列表将位于每列的顶部，允许用户选择就绪/未就绪。这是为confluence WIKI页面设计的这就是我到目前为止所做的，现在代码解析输入字段并创建多维数组。之后，将在控制台上记录

我正在努力学习网络编程和Javascript

我试图从Excel电子表格中获取用户复制的任何内容，并创建一个包含下拉列表的JavaScript电子表格/表格

因此，用户基本上会将输入粘贴到一个空白字段中，按下submit按钮，JavaScript将生成一个类似Excel的电子表格，该电子表格将相应地对数据进行排序。下拉列表将位于每列的顶部，允许用户选择就绪/未就绪。这是为confluence 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>


作语法分析
var excel=新数组（）；
$（文档）.ready（函数（）{
$（'#加载粘贴'）。单击（函数（）{
var text=$（'#textarea'）.val（）；
变量行=text.split（“\n”）；
对于（变量i=0；i

让我们关闭这个：//这是@Downgoat响应，对xml解析器没有什么解释

使用xml解析器

var xml=（new DOMParser（））.parseFromString（$（'textarea'）.val（），'text/xml'）

var文本，解析器，xmlDoc；
text=“”+
“日常意大利语”+
“Giada De Laurentiis”+
"2005" +
"";
parser=新的DOMParser（）；
xmlDoc=parser.parseFromString（text，“text/xml”）；
document.getElementById（“demo”）.innerHTML=
xmlDoc.getElementsByTagName（“标题”）[0].childNodes[0].nodeValue


Yes，但是speadsheet会显示在WIKI页面上。在用户将输入粘贴到提供的字段中并按Enter键后，电子表格将显示。如果您使用xml解析器var xml=（new DOMParser（））.parseFromString（$（'#textarea'）.val（），'text/xml'）
好，让我来看看。非常感谢。