首页 > 软件开发 > JavaScript >

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

来源:互联网 2023-03-16 23:55:55 244

在项目中我们时常会遇到比如按照价格的高低排序,点击一次按照desc点击第二次asc 也就是说双数是asc单数是desc。怎么实现呢?ZgE办公区 - 实用经验教程分享!

工具/原料

  • eclipse jsp mysql/
  • eclipse jsp mysql/

方法/步骤

  • 1

    创建如图的界面:ZgE办公区 - 实用经验教程分享!

    部分代码:ZgE办公区 - 实用经验教程分享!

    /td>ZgE办公区 - 实用经验教程分享!

    c:if test="${null != msg}">${msg }/c:if>ZgE办公区 - 实用经验教程分享!

    商品类别 : select name="category_id">ZgE办公区 - 实用经验教程分享!

    option value="0">请选择/option>ZgE办公区 - 实用经验教程分享!

    c:forEach items="${DbEnum.Category.Cate.desc}" var="mp">ZgE办公区 - 实用经验教程分享!

    option value="${mp.key }">${mp.value }/option>ZgE办公区 - 实用经验教程分享!

    /c:forEach>ZgE办公区 - 实用经验教程分享!

    /select>ZgE办公区 - 实用经验教程分享!

    /td>ZgE办公区 - 实用经验教程分享!

    td class="ta_01" align="right">ZgE办公区 - 实用经验教程分享!

    input id="BT_Add" type="button" value="查询" name="query"ZgE办公区 - 实用经验教程分享!

    onclick="gotoquery('c:url value="/product/listproduct.action"/>?uid=${sessionScope.user.id}&sort=price')">  ZgE办公区 - 实用经验教程分享!

    /td>ZgE办公区 - 实用经验教程分享!

    ZgE办公区 - 实用经验教程分享!

    /tr>ZgE办公区 - 实用经验教程分享!

    怎么使用js控制按价格排序(desc/asc)ZgE办公区 - 实用经验教程分享!

  • 2

    jsp:ZgE办公区 - 实用经验教程分享!

    点击【安照价格排序】的js:ZgE办公区 - 实用经验教程分享!

    input type="button" value="按价格" name="score" id="bypic" onclick="bypicord()">  ZgE办公区 - 实用经验教程分享!

    input type="hidden" value="desc" id="ordercon">ZgE办公区 - 实用经验教程分享!

  • 3

    js:ZgE办公区 - 实用经验教程分享!

    script type="text/javascript"陵伟>ZgE办公区 - 实用经验教程分享!

    function bypicord(){ZgE办公区 - 实用经验教程分享!

    var reorder = $("陕边丽#ordercon").val();ZgE办公区 - 实用经验教程分享!

    if("desc" == reorder){ZgE办公区 - 实用经验教程分享!

    $("#ordercon").val("asc");ZgE办公区 - 实用经验教程分享!

    var url = "%=path %>/product/listproduct.action?uid=" ${sessionScope.user.id} "&sort=price&ten=Y&FROMBUS=Y&order=asc";ZgE办公区 - 实用经验教程分享!

    gotoquery(url);ZgE办公区 - 实用经验教程分享!

    //window.location.href =gotoquery('url');ZgE办公区 - 实用经验教程分享!

    }else {ZgE办公区 - 实用经验教程分享!

    $("#ordercon").val("desc");ZgE办公区 - 实用经验教程分享!

    reorder = "desc";ZgE办公区 - 实用经验教程分享!

    var url = "%=path %>/product/listproduct.action?uid=" ${sessionScope.user.id} "&sort=price&ten=Y&FROMBUS=Y&order=desc";ZgE办公区 - 实用经验教程分享!

    gotoquery(url);ZgE办公区 - 实用经验教程分享!

    }ZgE办公区 - 实用经验教程分享!

    ZgE办公区 - 实用经验教程分享!

    }ZgE办公区 - 实用经验教程分享!

    ZgE办公区 - 实用经验教程分享!

    /script>ZgE办公区 - 实用经验教程分享!

  • 3相关内容未经授权抓取自百度经验
  • 4

    范围页面点击 按照价格排序 打开火陕歌狐插件查看ZgE办公区 - 实用经验教程分享!

    如下图片:ZgE办公区 - 实用经验教程分享!

    怎么使用js控制按价格排序(desc/asc)ZgE办公区 - 实用经验教程分享!

  • 注意事项

    • gotoquery(url); 这是一个分页查询的方法ZgE办公区 - 实用经验教程分享!

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!ZgE办公区 - 实用经验教程分享!


    标签: JAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码