OctoberCMS 自动完成功能集成

Question

我已经使用 OctoberCMS 创建了网站，这里是它的演示 link http://test2.rettest.com/slp_website/

到目前为止一切正常，现在我想在我的网站 搜索待售物业 上实现 自动完成 功能像这个网站有 https://www.domain.com.au/ .

如果您键入 NSW 、 VIC 等，您将能够看到 autocomplete那里的盒子。我想在我的网站 搜索待售物业 .

中实现类似的功能

截至目前，对于这一部分，我创建了一个名为 homepage_video_banner.htm 的 partial 并且对于这一部分，我已经把下面的代码。

homepage_video_banner.htm（部分）

  <form method="post" action="/search/allsale" id="search_form" >
            <p class="property-heading">Search properties for sale</p>
            <div class="input-group">
                <input class="form-control" 
                       aria-describedby="basic-addon2"
                       placeholder="Search Properties by address, state, suburb"  
                       name="q" 
                       id="q"
                       data-request="" 
                       data-request-success="console.log(data)" 
                       data-track-input="true" 
                       autocomplete="off" 
                       value="{{ search_value.q }}"
                       type="text">  

                <span class="input-group-addon" id="basic-addon2" onclick="$('#search_form').submit()"><i class="fa fa-search visible-xs"></i><span class="hidden-xs searh-btn" >Search</span></span> </div>




</form>

到目前为止这一切正常，我可以在重定向后键入并搜索我的数据，并且能够看到我在输入框中键入的记录。

唯一需要的是在这里实现自动完成。

我已经通过以下 links 来尝试实现此功能。

但是这些link缺乏响应和解决方案，因此我不得不在这里询问。

你能指导我一个理想的方法来完成这个吗？

谢谢

Answer 1

好的伙计们，

我不确定 OctoberCMS 是否有任何专门的文档来实现这一点，但是我发现可以灵活地使用任何 jquery 自动完成库来实现同样的事情，因此我使用了 Selectize 库能够实现这一点。

希望这对您有所帮助。

OctoberCMS 自动完成功能集成

OctoberCMS autocomplete feature integration

php

octobercms