ruby-on-rails - Rails 中具有自动完成功能的城市文本字段

Question

我搜索了一些关于在 States 之后添加第二个字段以基于它设置 City 的方法。我首先看到了两个选项:observe_field(来自原型(prototype))和 jQuery，它们都带有一个选择框。事实是我不懂 JavaScript，我急于设置它……好吧，我认为具有自动完成功能的文本字段会更好，而且可能最容易做到。

开始吧:我有一个模型 Uf 和 City，两者都填充了数据。城市有一个“belongs_to Uf”。问题是:我怎样才能设置这样的东西？有没有办法只使用 ruby​​ 和 rails 来做到这一点？

Answer 1

为此，您需要一个 AJAX 操作来响应每次用户输入文本时发送的一些搜索字符串查询。此操作将使用包含搜索结果集的数据响应 View 。

这是一个非常简单的例子:

城市 Controller :

def search
    term  = params[:term]
    cities = City.where('name LIKE ? OR code LIKE ?', "%#{term}%", "%#{term}%").order(:name)
    render json: cities.map { |city|
      {
        id:    city.id,
        label: city.inspect,
        value: city.full_name
      }
    }
end

收到响应后，下拉列表将填充搜索结果。选择一个值将设置该字段并将城市的匹配 id 存储在提交表单时的隐藏字段中。

我会考虑探索 jQuery 自动完成 Gem。如果您使用的是 Rails，这里有一个完整的版本 https://github.com/bigtunacan/rails-jquery-autocomplete值得学习。