Динамический поиск панели предложений

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

попробуйте это возможно ... где #email - идентификатор ввода текстового поля.

Это также предполагает, что первый элемент в массиве arry является значением заполнителя по умолчанию. Если вы не хотите устанавливать жестко запрограммированное значение заполнителя по умолчанию в html, вы можете просто программно установить заполнитель при загрузке документа.

setInterval(function(){
  var arry = ['example@example.com', 'placeholder 2', 'placeholder 3', 'placeholder 4']
  $this = $('#email')
  var old_placeholder       = $this.attr('placeholder')
  var old_placeholder_index = arry.indexOf(old_placeholder)
  var new_placeholder_index = (old_placeholder_index + 1) % arry.length

  $this.attr('placeholder', arry[new_placeholder_index])
}, 2000);

Answer 2

Есть много способов сделать это с различными уровнями сложности.

Простой способ сделать это - сохранить все параметры местоположений, которые вы хотите превентивно отображать в массиве или объекте, и, когда пользователь выбирает окно поиска, случайным образом выбрать несколько из них, чтобы предложить их пользователю.