怎么使用js控制按价格排序(desc/asc)
1、创建如图的界面:
部分代码:
</td>
<c:if test="${null != msg}">${msg }</c:if>
商品类别 : <select name="category_id">
<option value="0">请选择</option>
<c:forEach items="${DbEnum.Category.Cate.desc}" var="mp">
<option value="${mp.key }">${mp.value }</option>
</c:forEach>
</select>
</td>
<td class="ta_01" align="right">
<input id="BT_Add" type="button" value="查询" name="query"
onclick="gotoquery('<c:url value="/product/listproduct.action"/>?uid=${sessionScope.user.id}&sort=price')">
</td>
</tr>

2、jsp:
点击【安照价格排序】的js:
<input type="button" value="按价格" name="score" id="bypic" onclick="bypicord()">
<input type="hidden" value="desc" id="ordercon">
3、js:
<script type="text/javascript">
function bypicord(){
var reorder = $("#ordercon").val();
if("desc" == reorder){
$("#ordercon").val("asc");
var url = "<%=path %>/product/listproduct.action?uid="+${sessionScope.user.id}+"&sort=price&ten=Y&FROMBUS=Y&order=asc";
gotoquery(url);
//window.location.href =gotoquery('url');
}else {
$("#ordercon").val("desc");
reorder = "desc";
var url = "<%=path %>/product/listproduct.action?uid="+${sessionScope.user.id}+"&sort=price&ten=Y&FROMBUS=Y&order=desc";
gotoquery(url);
}
}
</script>
4、范围页面点击 按照价格排序 打开火狐插件查看
如下图片:
