Question

我有一个简单的分页

HTML

<table id="mainTable">
<tr>
    <td>ID</td>
    <td>Name</td>
    <td>Address</td>
</tr>
<tr>
    <td>1</td>
    <td>yuu</td>
    <td>KitsuneJima</td>
</tr>
<tr>
    <td>2</td>
    <td>shishio</td>
    <td>Yokohama</td>
</tr>
<tr>
    <td>3</td>
    <td>seijiro</td>
    <td>Hokaido</td>
</tr>
</table>

<select id="hyoujiKensuuSentakushi">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="25">25</option>
<option value="50">50</option>
<option value="100">100</option>
</select>

现在代替hyoujiKensuu变量如果要用10替换它，表格会显示10条记录。

第一次加载页面时，表格显示正常，但是当您点击下一步时，将不显示任何数据，只剩下表格标题

需要纠正的是什么？

Answer 1

问题在于这一行

$('#mainTable tr:first,tr:gt(' + mainPage * hyoujiKensuu + '):lt(hyoujiKensuu)').show();

hyoujiKensuu被视为字符串而不是变量。将此行更改为

$('#mainTable tr:first,tr:gt(' + mainPage * hyoujiKensuu + '):lt(' + hyoujiKensuu + ')').show();

可以解决您的问题。

Answer 2

问题是mainDraw函数在select元素更改后也不是exec，因为Ejay提到你的jquery选择器需要修复

已修复jsfiddle

$('#hyoujiKensuuSentakushi').change(function () {
   hyoujiKensuu=parseInt($('#hyoujiKensuuSentakushi').val());
    mainDraw();
});

难以显示n个分页记录

2 个答案: