Question

我目前有2个工作数据表和一个选择框。目前，它们都显示在页面加载，然后如果我从选择框中选择一个它显示一个并隐藏另一个。选择框在那里工作得很好，但是我想在页面加载时只显示一个表，而不是两者。

以下是带有选择框代码的数据表脚本：

<select name='tables' id='select-tables'>
<option value="mytable">Survey Test Table</option>
<option value="mytableSurvey">Survey Only</option>
</select>
</br>

<script type="text/javascript"   src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"></script>
<script type="text/javascript">
(function($) {
$(document).ready(function() {
$('#mytable').DataTable();
$('#mytableSurvey').DataTable();
$('.dataTable').wrap('<div class="dataTables_scroll" />');

// select change event
$(document).on('change' , '#select-tables', function(){
 var table = $(this).val();
 $('#' + table +'_wrapper').show();
 $('[id$="_wrapper"]').not('#' + table +'_wrapper').hide();
}).change();
});
}(jQuery));
</script>

显然，我的表ID是mytable和mytableSurvey，因此我不会发布任何实际的表代码，因为这里的所有必要内容都在数据表脚本中。

这里的一切都有效，我只是希望找到一个只在页面加载时显示“mytable”的代码的补充。

Answer 1

试试这段代码：

select *
from users u
where not exists (
    select 1
    from details d
    where u.id = d.userid
    and d.logindate BETWEEN '2017-05-11 00:00:00' AND '2017-05-11 23:59:59'
)

DEMO

Answer 2

一个简单的解决方案是在页面加载时默认选择一个选项。或者将“selected”添加到任何一个选项的html（最佳方式）。

示例Javascript ： -

document.getElementById('select-tables').getElementsByTagName('option')[0].selected = 'selected'

将此添加到$（document）.ready（）函数可能会为您执行此操作。

数据表 - 使用选择框

2 个答案: