javascript - 动态搜索栏建议

Question

我想在用户输入一些内容来激发他搜索内容之前，在搜索栏中显示不同的单词(例如城市名称)。

就像这里:https://mapify.travel/

有什么想法吗？

现在我的代码是这样的

<%= form_tag search_path, method: :get do %>
  <div class="row">
    <div class="col-md-5" style=" left: 22%;">
      <%= text_field_tag :search, params[:search], placeholder: " z.B. Berlin", class: "suchfeld", id: "autolocation" %>
    </div>

    <div class="row">
      <div class="col-md-2" style="margin-left: 290px;">
        <%= submit_tag "search", class: "btnsearch" %>

      </div>
    </div>

  </div>

<% end %>

Answer 1

您可以通过多种方法来实现此目的，但复杂程度各不相同。

实现此目的的一个简单方法是将您想要抢先出现的位置的所有选项存储在数组或对象中，并且当用户选择搜索框时，随机选择其中的一些选项来向用户建议。