怎么使用js控制按价格排序(desc/asc)

2025-10-07 15:16:42

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')">&nbsp;&nbsp;

</td>

    </tr>

怎么使用js控制按价格排序(desc/asc)

2、jsp:

点击【安照价格排序】的js:

<input type="button" value="按价格" name="score" id="bypic" onclick="bypicord()">&nbsp;&nbsp;

<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、范围页面点击  按照价格排序  打开火狐插件查看 

如下图片:

怎么使用js控制按价格排序(desc/asc)

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢