网站建设资讯

NEWS

网站建设资讯

PHP网站开发中多条件组合搜索

创新互联建站是一家专业提供喀什企业网站建设,专注与网站制作、成都网站制作、H5网站设计、小程序制作等业务。10年已为喀什众多企业、政府机构等服务。创新互联专业的建站公司优惠进行中。

>在一些电子商城或购物网站,我们经常都能看到多条件组合进行筛选产品,实现的方式有两种,一种是通过AJAX,另一种是通过Form表单,两者的区别在于AJAX是不用刷新页面就能把搜索结果直接输出到页面上,给用户的体验也会比较好,但当搜索的条件过多时,AJAX的写法就会相对麻烦很多,所以我要介绍的是相对比较简单的Form表单的方式。
大概的效果如下:

下面直接贴出代码,使用时自行根据条件名称和条件数量进行修改对应参数就行。

因为我这里有四个搜索条件,所以我这里会有四个条件的隐藏标记用来记录搜索信息。
以下是条件列表,注意搜索条件的id命名都是不一样的

我这里是直接点击选择后就会直接提交表单了

后台的接收

后台这里需要把接收的到条件再传回来,因为大部分效果都是用过前端JS处理的。

通过上面这段代码,就能把之前选中的条件都加上选中效果。
下面直接贴出前端页面代码










  • Type






  • {$item['category_name']}







  • Feature






  • {$item['category_name']}







  • Connectivity






  • {$item['category_name']}








  • Networkavailable






  • {$item['category_name']}











  • 以下是JS部分:



    网站标题:PHP网站开发中多条件组合搜索
    标题URL:http://cdweb.net/article/sjogso.html