zoukankan      html  css  js  c++  java
  • ecshop商品筛选做成下拉列表形式的

     把foreach里德内容换成

    <!--{foreach from=$filter_attr.attr_list item=attr}-->
             <option value="{$attr.url}">{$attr.attr_value}</option>
             <!--{/foreach}-->

    demo:做成下拉列表,选择后页面跳转:

    <!--{foreach from=$filter_attr_list item=filter_attr}-->
    <!-- {if $filter_attr.filter_attr_name!='热门标签' && $filter_attr.filter_attr_name!='花色'} -->

    <select class="selectstyle" onchange="selectChange(this)">
    <!--{foreach from=$filter_attr.attr_list item=attr}-->
    <!-- {if $attr.selected} -->
    <option value="{$attr.url}" selected="selected">{$attr.attr_value}</option>

    <!-- {else} -->
    <option value="{$attr.url}">{$attr.attr_value}</option>

    <!-- {/if} -->
    <!--{/foreach}-->
    </select>

    <!-- {/if} -->
    <!--{/foreach}-->

    <!--select 选择的时候页面跳转-->
    <script type="text/javascript">
    function selectChange(obj)
    {
    window.location.href=obj.value;
    }

    </script>

    就OK了

    作者:沐雪
    文章均系作者原创或翻译,如有错误不妥之处,欢迎各位批评指正。本文版权归作者和博客园共有,如需转载恳请注明。
    如果您觉得阅读这篇博客让你有所收获,请点击右下方【推荐】
    找一找教程网-随时随地学软件编程 http://www.zyiz.net/

  • 相关阅读:
    Search Insert Position
    lintcode: 最长连续序列
    lintcode:颜色分类
    lintcode: 堆化
    lintcode: 旋转图像
    lintcode: 寻找旋转排序数组中的最小值
    lintcode: 跳跃游戏 II
    lintcode:最小差
    华为:数独填充
    华为:字符集合
  • 原文地址:https://www.cnblogs.com/puzi0315/p/2664501.html
Copyright © 2011-2022 走看看