Jquery下拉列表中的分页

a1
b1
c1
d1
.
.
.
.
.
u100
v100
w100
x100
100日元
z100

首先，在下拉列表中您不需要分页。分页是混合表的一个好选择

对于可选的下拉列表，您可以使用自动补全器s。自动补全器是非常用户友好的解决方案

但若真的想在选项上分页，你们可以创建一个侦听器，它正在侦听下一个或上一个按钮或选项，然后从数据列表中获取新选项

下面是一个简单的示例：

如果需要，可以附加更多元素。但这不是一个好的解决方案

但是，如果您确实希望在下拉列表中进行分页，请使用

组合并创建更为用户友好的选项区域

示例（您必须为don't get error定义很多内容）：

1.
2.
3.
下一页
前页
$（文档）.ready（函数（）{
var数据=[4,5,6,7,8,9]；
var changeIndex=0；
$（'#select'）。更改（函数（）{
log（$（this.val（））；
if（$（this）.val（）=='front'）{
$（this.empty（）；
var newOption=''+数据[changeIndex++]+''；
$（this）.append（newOption）；
$（this.append（'Next Page'）；
$（this.append（'Pre-Page'）；
}
if（$（this）.val（）=='back'）{
$（this.empty（）；
var newOption=''+数据[changeIndex-2]+''；
变更索引--；
$（this）.append（newOption）；
$（this.append（'Next Page'）；
$（this.append（'Pre-Page'）；
}
});
});

问题应该为您指出正确的方向。不要进行分页，尝试在下拉列表中实现类似分页的功能？真的怎么做@devendra tata示例不起作用…我需要一个类似的下拉列表，但它显示的页面像@Alex Gaudiosi

<select id="select">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option value="front">Next Page</option>
  <option value="back">Pre Page</option>
</select>


$(document).ready(function () {
        var data = [4,5,6,7,8,9];
    var changeIndex = 0;
    $('#select').change(function () {
    console.log($(this).val());
        if($(this).val()=='front'){
        $(this).empty();
        var newOption = '<option>'+data[changeIndex++]+'</option>';
        $(this).append(newOption);
        $(this).append(' <option value="front">Next Page</option>');
        $(this).append(' <option value="back">Pre Page</option>');
      }
      if($(this).val()=='back'){
        $(this).empty();
        var newOption = '<option>'+data[changeIndex-2]+'</option>';
        changeIndex--;
        $(this).append(newOption);
        $(this).append(' <option value="front">Next Page</option>');
        $(this).append(' <option value="back">Pre Page</option>');
      }
    });
});