根据输入创建JavaScript电子表格

时间:2015-04-28 01:44:36

标签: javascript html spreadsheet

我正在尝试学习网页编程和Javascript。

我正在尝试从Excel电子表格中删除用户复制的任何内容,并创建一个包含下拉列表的JavaScript电子表格/表格。

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

1 个答案:

答案 0 :(得分:0)

让我们关闭这个://这是@Downgoat响应,对xml解析器的解释很少。

使用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;

&#13;
&#13;
<html>
<body>

<p id="demo"></p>
</body>
</html>
&#13;
{{1}}
&#13;
&#13;
&#13;