实时搜索在结果中添加 href

Posted

技术标签:

【中文标题】实时搜索在结果中添加 href【英文标题】:live search add a href to results 【发布时间】:2021-11-28 23:24:42 【问题描述】:

我在 laravel 7 中进行了实时搜索 一切正常 但我无法将(href 标签)添加到结果列表中 因为结果显示在没有 (a) 标记的选择选项(select2 库)中,并且无法在新页面中打开以查看此关键字的结果

我的刀:

   <div class="fre-search-wrap">
      <select class="livesearch form-control" name="Find Consultants"></select>
   </div>

我的脚本:

<script type="text/javascript">
$('.livesearch').select2(
    placeholder: 'Select Consultants',
    ajax: 
        url: '/live_search/action',
        dataType: 'json',
        delay: 550,
        processResults: function (data) 
            return 
                results: $.map(data, function (item) 
                    return 
                        text: item.title,
                        id: item.id
                    
                )
            ;
        ,
        cache: true
    
);

主要来源是这个 https://www.positronx.io/laravel-autocomplete-search-with-select2-example/

【问题讨论】:

您可能会发现这个answer 很有帮助。 【参考方案1】:

你好,你可以用它来添加标签:


$('.livesearch').select2(
    placeholder: 'Select Consultants',
    ajax: 
        url: '/live_search/action',
        dataType: 'json',
        delay: 550,
        processResults: function (data) 
            return 
                results: $.map(data, function (item) 
                    return 
                        text: ""+item.title+"", // a tag
                        id: item.id
                    
                )
            ;
        ,
        cache: true
    
);

【讨论】:

正如目前所写,您的答案尚不清楚。请edit 添加其他详细信息,以帮助其他人了解这如何解决所提出的问题。你可以找到更多关于如何写好答案的信息in the help center。

以上是关于实时搜索在结果中添加 href的主要内容,如果未能解决你的问题,请参考以下文章

实时搜索结果

jquery+ajax 实现text框模糊搜索并可利用listbox实时显示模糊搜索列表结果

天猫11.11:搜索引擎实时秒级更新

WordPress 实时搜索结果重定向到主页

Vue JS 对分页 Laravel 结果的实时客户端搜索过滤器

实时搜索结果显示在新页面上