迅睿框架 版主:迅睿框架研发组
多联动加搜索框一般用什么模式实现
类型:迅睿CMS 更新时间:2025-06-07 20:56:06 CodeIgniter


   请问这种多联动加搜索框一般用什么模式实现呢?

微信截图_20250607184726

回帖
  • 迅睿官方技术专家
    #1楼    迅睿官方技术专家
    2025-06-07 18:56:00
    iPhone手机 0
    这个字段是联动菜单字段吗,搜索的原理就是字段等于字段值。不管你用什么方式来呈现,的最终都会转化成浏览器的地址中的这种格式。你这种情况一般用JS进行地址组装,然后跳转成搜索地址。
  • 夜雨微澜
    #2楼    夜雨微澜
    2025-06-07 19:47:51
    Chrome 0
    就是前端是下拉效果还带搜索框(没有搜索框我知道)不知道用什么模块更好实现。代码如下:
    <div class="right">

    <!-- 搜索 -->

    <form action="#" method="get" class="search-container fadeInUp wow" data-wow-offset="10"

    data-wow-duration="1s" data-wow-delay=".5s">

    <select name="category" id="category">

    <option value="">请选择产品分类</option>

    <option value="a1">废气系统</option>

    <option value="a2">变速系统</option>

    <option value="a3">节阀系统</option>

    <option value="a4">OCV系统</option>

    <option value="a5">电磁系统</option>

    </select>

    <select name="brand" id="brand">

    <option value="">请选择品牌</option>

    <option value="b1">品牌一</option>

    <option value="b2">品牌二</option>

    </select>

    <input type="text" name="keyword" placeholder="插入产品编号和关键字">

    <button type="submit">搜索</button>

    </form>
  • 夜雨微澜
    #3楼    夜雨微澜
    2025-06-07 20:56:06
    Chrome 0
    迅睿官方技术专家

    就是前端是下拉效果还带搜索框(没有搜索框我知道是条件筛选)不知道用什么模块或方法更好实现。

    代码如下:

    <div class="right">

    <!-- 搜索 -->

    <form action="#" method="get" class="search-container fadeInUp wow" data-wow-offset="10"

    data-wow-duration="1s" data-wow-delay=".5s">

    <select name="category" id="category">

    <option value="">请选择产品分类</option>

    <option value="a1">废气系统</option>

    <option value="a2">变速系统</option>

    <option value="a3">节阀系统</option>

    <option value="a4">OCV系统</option>

    <option value="a5">电磁系统</option>

    </select>

    <select name="brand" id="brand">

    <option value="">请选择品牌</option>

    <option value="b1">品牌一</option>

    <option value="b2">品牌二</option>

    </select>

    <input type="text" name="keyword" placeholder="插入产品编号和关键字">

    <button type="submit">搜索</button>

    </form>