ecshop商品筛选做成下拉列表形式的

简介: 把foreach里德内容换成          {$attr.attr_value}              demo:做成下拉列表,选择后页面跳转:   ...

 把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了

相关文章
|
7月前
|
小程序
揭秘会员卡包和搜索直达新能力,让用户更快找到你的小程序
揭秘会员卡包和搜索直达新能力,让用户更快找到你的小程序
179 11
|
SQL 小程序 JavaScript
【易售小程序项目】小程序首页(展示商品、商品搜索、商品分类搜索)【后端基于若依管理系统开发】
【易售小程序项目】小程序首页(展示商品、商品搜索、商品分类搜索)【后端基于若依管理系统开发】
64 0
|
2月前
|
JavaScript API
vue尚品汇商城项目-day04【24.点击搜索按钮跳转后的页面商品列表、平台售卖属性动态展示(开发Search组件)】
vue尚品汇商城项目-day04【24.点击搜索按钮跳转后的页面商品列表、平台售卖属性动态展示(开发Search组件)】
63 1
vue尚品汇商城项目-day04【24.点击搜索按钮跳转后的页面商品列表、平台售卖属性动态展示(开发Search组件)】
|
小程序 前端开发 JavaScript
小程序的列表页-商品或新闻展示--【浅入深出系列007】
小程序的列表页-商品或新闻展示--【浅入深出系列007】
|
BI 数据库连接
机房收费系统——报表下载及模板制作
机房收费系统——报表下载及模板制作
|
Android开发 iOS开发
iOS开发 - 商品详情页两种分页模式,只提供思路和实现方式。
iOS开发 - 商品详情页两种分页模式,只提供思路和实现方式。
428 0
iOS开发 - 商品详情页两种分页模式,只提供思路和实现方式。
|
算法
18、【 商品管理模块开发】——前台商品详情、列表、搜索、动态排序功能开发
1、接口编写: 在portal包下新建ProductController类: image.png image.png 1、前台查询商品详情接口: *Controller: //前台查询商品详情接口 @RequestMapping("detail.
1134 0
tab 页形式展现多张报表
tab 页形式展现多张报表,报表组
1248 0
动态交叉表头报表的制作
动态交叉表头报表
1447 0
|
BI 程序员
动态格报表的制作
动态格报表的制作,空值合并,同值合并
1251 0

热门文章

最新文章