当我使用laravel在搜索栏中写入类别名称时，如何显示与该类别相关的汽车产品列表？

我想显示与类别相关的产品列表。当我在搜索栏中写下分类名称时，产品列表应该显示如何做到这一点？请帮帮我，谢谢

我想这样显示产品列表，请看图片。

这是我的搜索栏，请看

控制器

              public function searchproduct(Request $request)
               {
             $query = $request->input('search');
             $productcate = DB::table('products')
            ->join('category', 'category.id', '=', 'products.cate_id')
            ->where('product_name', 'LIKE', '%' . $query . '%')
             ->orwhere('product_description', 'LIKE', '%' . $query . '%')
             ->orwhere('cate_name', 'LIKE', '%' . $query . '%')
             ->get();

         return view('front_end.products', compact('productcate '));
           }

html视图

         <form class="search__form" action="{{route('search.action')}}" method="post" >
         @csrf
        <input class="search__input" name="search" placeholder="Search over 10,000 products" aria-
        label="Site search" type="text" autocomplete="off">
        <button class="search__button" type="submit">
       <svg width="20px" height="20px">
        <use xlink:href="{{url('public/assets/images/sprite.svg#search-20')}}"></use>
        </svg>
       </button>
       <div class="search__border"></div>
       <div class="product__serach__list">
       <!-- product list will be shown inside this div  -->
       <div id="searchresult" style="background:#fff;border:1px solid #d5d5d5;position: 
        absolute;top: 
       40px;right:0;min-width:100%; display:none;">
        // product list show //
        <span>Search</span>
       </div>
         </div>
        </form>

@csrf
//产品清单展示//
搜寻

我认为该功能正是您所需要的

HTML

元素包含一组

元素，表示可在其他控件中选择的允许或推荐选项

因此，如果您的搜索区域正在查找不同类型的浏览器：

<form action="/action_page.php" method="get">
 <input list="browsers" name="browser">
  <datalist id="browsers">
    <option value="Internet Explorer">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
  </datalist>
 <input type="submit">
</form>

---

您需要从服务器端提供数据（或像我在本回答中所做的那样在html页面上提供硬代码），但当用户在搜索栏中写下浏览器名称的几个字母时，应按照您的要求显示产品列表。

我不确定问题是关于什么的，请详细说明。如何在刀片模板中显示从laravel接收的数据存在问题吗？或者是你想要html标签的帮助？实际上我有产品表，只是我想在搜索栏下显示产品列表，当我写分类名称或产品名称时，自动显示产品列表谢谢这个解决方案可以做到这一点。或者，你可以使用javascript来突出显示，但这是展示你的产品的一种非常简单的方式。是的，你能指导我怎么做吗？谢谢，因为我对使用HTML5

的入门指导正是我在回答中提供的。这很容易。如果你想使用javascript解决方案，你需要做一些研究/复习一些教程。教授JS并理解如何实现这一点远远超出了我在简单回答/评论中所能回答的范围。