jquery实现联想词搜索框和搜索结果分页的示例

2020-05-17 06:28:06易采站长站整理

}
if ((intPageIndex + interval) > pageS) {
start = (pageS - 2 * interval) < 1 ? 1 : (pageS - 2 * interval);
}
//生成页码
for (var j = start; j < end + 1; j++) {
if (j == intPageIndex) {
var spanSelectd = $("<span class='current'>" + j + "</span>");
$pager.append(spanSelectd);
} //if
else {
var a = $("<a href='javascript:void(0)'>" + j + "</a>").click(function () {
pageClick($(this).text(), total, spanInterval);
return false;
});
$pager.append(a);
} //else
} //for
//上一页
if (intPageIndex == total) {
$pager.append("<span class='disabled'>下一页</span>");
}
else {
var next = $("<a href='javascript:void(0)' next='" + (intPageIndex + 1) + "'>下一页</a>").click(function () {
pageClick($(this).attr("next"), total, spanInterval);
return false;
});
$pager.append(next);
}
//最后一页
if (intPageIndex == pageS) {
$pager.append("<span class='disabled'>最后一页</span>");
}
else {
var last = $("<a href='javascript:void(0)' last='" + pageS + "'>最后一页</a>").click(function () {
pageClick($(this).attr("last"), total, spanInterval);
return false;
});
$pager.append(last);
}
}

}

function doSearch(){
// var total = pageselectCallback(1);
// pageClick(1, total, 3);
page(0);
}

</script>

</head>

<body>

<div id="content">

<form autocomplete="off" action="result.jsp" method="post">
<p>
<label>search:</label>
<input type="text" id="isearch" name="isearch" class="isearchSug"/>
<select id="type" name="type">
<option value="00">全部</option>
<option value="01">用户</option>
<option value="02">圈子</option>
<option value="03">消息动态</option>
<option value="04">门户</option>
<option value="05">--资源--</option>
<option value="0521"> -教案</option>
<option value="0522"> -学案</option>
<option value="0523"> -课件</option>
<option value="0525"> -同步试卷</option>
<option value="0526"> -录课通</option>
<option value="0527"> -微视频</option>
<option value="06">作业</option>
<option value="07">问答</option>
<option value="08">课程</option>
<option value="09">问答</option>
</select>
<input type="submit" value="用户搜索"/>