前台select框option数量大导致无法加载的解决方法（案例是在分页中出现的）

var totalPage = Math.ceil(totalCount / limit); // 一共有多少页，totalCount 为总条目数

var currentPage = start / limit + 1;//start为起始条目（非起始页），limit为一页展示多少条目

var beginPageIndex;
var endPageIndex;
//总页数不足100，则全部显示
if(totalPage<=100){
beginPageIndex =1;
endPageIndex = totalPage;
}else{//总页数大于100，则显示当前页附近的共100个页码，前49个和后50个
beginPageIndex =currentPage-49;
endPageIndex = currentPage+50;
// 当 当前页 前面的页码不足49个时，则显示前100个页码
if(beginPageIndex<1){
beginPageIndex=1;
endPageIndex=100;
}
// 当后面的页码不足50个时，则显示后100个页码
if(endPageIndex>totalPage){
beginPageIndex=totalPage-99;
endPageIndex=totalPage;
}
}
for (var j = beginPageIndex-1; j < endPageIndex; j++) {
if (currentPage == (j + 1)) {
$('#' + gridId + 'PageIndex').append(
'<option value=' + (j + 1) + ' selected=selected >'
+ (j + 1) + '</option>');
} else {
$('#' + gridId + 'PageIndex').append(
'<option value=' + (j + 1) + '>' + (j + 1)
+ '</option>');
}
}

这种思想可以应用到后台去做分页，当然分页展示一般由前台去做。