jquery Excel数据转换为html输出

7lrncoxx 于 2023-02-03 发布在 jQuery

关注(0)|答案(4)|浏览(143)

我已经设法找到了如何将数据从excel文件拉入HTML。
我现在试着看看如何在一组单元格中搜索值。有人知道如何实现这一点吗？
先谢了!

jquery

来源：https://stackoverflow.com/questions/23808188/excel-data-into-html-output

4条答案

按热度按时间

bnl4lu3b1#

jQuery可能会帮助你。当构建HTML时，我也会添加数据-[somethingHelpfulWhenSearching]或添加类值，这可能会有所帮助。
然后可以按类搜索项目

$('.[searchableClassName]')

或按数据属性：

$('[data-[somethingHelpfulWhenSearching]') //only looking that the tag exists
$('[data-[somethingHelpfulWhenSearching]="something im looking for"') //only looking that the tag and checking the value

希望这能有所帮助

赞(0）回复(0）举报 2023-02-03

3duebb1j2#

从您对这个问题的措辞来看，听起来像是HTML中有一个表，您只想遍历所有单元格，检查哪些单元格包含给定值，并返回那些在其文本内容中包含所提供的搜索字符串的DOM节点。

function findCells(str) {
    var allCells = document.querySelectorAll("td");
    var matchingCells = [];
    for (var i = 0; i < allCells.length; i++) {
        if (allCells[i].textContent.indexOf(str) !== -1) {
            matchingCells.push(allCells[i]);
        }
    }
    return matchingCells;
}

赞(0）回复(0）举报 2023-02-03

g0czyy6m3#

<html>
    <script>
        function mytest1() {
            var Excel, Book; // Declare the variables
            Excel = new ActiveXObject("Excel.Application"); // Create the Excel application object.
            Excel.Visible = false; // Make Excel invisible.
            Book = Excel.Workbooks.Add() // Create a new work book.
            Book.ActiveSheet.Cells(2, 2).Value = document.all.my_textarea1.value;
            Book.SaveAs("C:/temp/TEST.xls");
            Excel.Quit(); // Close Excel with the Quit method on the Application object.
        }

        function mytest2() {
            var Excel;
            Excel = new ActiveXObject("Excel.Application");
            Excel.Visible = false;
            form1.my_textarea2.value = Excel.Workbooks.Open("C:/temp/TEST.xls").ActiveSheet.Cells(1, 1).Value;
            Excel.Quit();
        }
    </script>

    <body>
        <form name="form1">
            <input type=button onClick="mytest1();" value="Send Excel Data">
            <input type=text name="my_textarea1" size=70 value="enter ur data here">
            <br><br>
            <input type=button onClick="mytest2();" value="Get Excel Data">
            <input type=text name="my_textarea2" size=70 value="no data collected yet">
        </form>
    </body>
</html>

赞(0）回复(0）举报 2023-02-03

lvmkulzt4#

既然你已经在使用jQuery了，试试DataTables吧，这是一个jQuery插件，除了过滤功能之外，它还支持客户端和服务器端过滤，所以如果你的表很大，这不是问题。

赞(0）回复(0）举报 2023-02-03