如何使用javascript在数据库表(html)中下载只需要的数据?
我无法从我只需要的表中下载数据。我有一个如何使用javascript在数据库表(html)中下载只需要的数据?,javascript,html,database,ejs,Javascript,Html,Database,Ejs,我无法从我只需要的表中下载数据。我有一个ejs文件,用于检索数据并将其显示在表中。然后我添加了一些input:search,它搜索表中的数据,只显示与搜索栏中的字符串匹配的内容。我已经有了这个download按钮,它只下载整个表格。我只想在使用搜索栏后下载表格中显示的内容 我试着在网上搜索,但我能看到的只是下载静态表数据/没有搜索查询。 这就是我接下来介绍如何将表下载到xls文件的内容 这是我的索引.ejs <input class="form-control" id="myInput"
ejs
文件,用于检索数据并将其显示在表中。然后我添加了一些input:search
,它搜索表中的数据,只显示与搜索栏中的字符串匹配的内容。我已经有了这个download
按钮,它只下载整个表格。我只想在使用搜索栏后下载表格中显示的内容
我试着在网上搜索,但我能看到的只是下载静态表数据/没有搜索查询。
这就是我接下来介绍如何将表下载到xls文件的内容
这是我的索引.ejs
<input class="form-control" id="myInput" type="text" placeholder="Search..">
<hr>
<div class="tableFixHead">
<% if(details!=null) { %>
<table class="text-center table table-striped table-hover table-dark table-fixed">
<thead>
<tr class="table-primary" style="color:black; font-weight:bold;">
<th scope="col">Route</th>
<th scope="col">Origin </th>
<th scope="col">Destination</th>
<th scope="col">Estimated Time of Arrival </th>
<th scope="col">Date </th>
<th scope="col">Time</th>
</tr>
</thead>
<% details.forEach(function(item){ %>
<tbody id="myTable">
<tr>
<td>
<%= item.route%>
</td>
<td>
<%= item.origin %>
</td>
<td>
<%= item.destination%>
</td>
<td>
<%= item.estimatedTimeOfArrival %>
</td>
<td>
<%= item.date%>
</td>
<td>
<%= item.time%>
</td>
</tr>
</tbody>
<% }) %>
</table>
<% } %>
</div>
<button onclick="exportTableToCSV('data.csv')">Download Table</button>
</div>
我希望一旦我使用搜索栏,它只显示我想要的数据,然后单击下载按钮,它将只下载显示的数据,而不是表中的全部数据
例如,我在表中搜索编号1
,它将只显示编号1
的所有数据,因此这就是我只想下载的数据,但案例是在单击下载后,它不仅包括所有编号1
先谢谢你
$(document).ready(function() {
$("#myInput").on("keyup", function() {
var value = $(this).val().toLowerCase();
$("#myTable tr").filter(function() {
$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
});
});
});