Rails：动态选择菜单

Question

我正在关注 railscast #88 动态选择菜单的教程。我在 jquery 的一部分中遇到了错误。我对jquery不熟悉我只是按照他的教程，我已经搜索了错误。

控制台日志错误

Uncaught Error: Syntax error, unrecognized expression: $serviceprovider_service_id :selected

_form.html.erb

<%= form_for(@serviceprovider, html: { :multipart => true }, class: 'form-horizontal') do |f| %>

      <div class="form-group">
            <label class="client-login-label">Service</label>
            <%= f.collection_select(:service_id, Service.all, :id, :service, prompt: 'Choose Service') %>
      </div>

      <div class="form-group">
            <label class="client-login-label">Category</label>
            <%= f.grouped_collection_select(:category_id, Service.order(:service), :categories, :service, :id, :name, prompt: 'Choose Category') %>
      </div>

      <div class="form-group">
        <%= f.submit("Register", class: 'btn btn-lg btn-success client-signin-btn') %>
      </div>
    <% end %>

serviceprovider.js.coffee

jQuery ->
    categories = $('#serviceprovider_category_id').html()
    $('#serviceprovider_service_id').change ->
        service = $('#serviceprovider_service_id :selected').text()
        options = $(categories).filter("optgroup[label='#{service}']").html()
        if options
            $('#serviceprovider_category_id').html(options)
        else
            $('#serviceprovider_category_id').empty()

这有什么问题。即使我创建了一个自定义 js 文件而不是咖啡脚本，它也有同样的错误。

Answer 1

彭彭，

我注意到的第一件事是collection_select 和grouped_collection_select 没有使用块参数f。将它们更改为 f.collection_select 和 f.grouped_collection_select。

第二件事是代码在可能需要分别选择 :service_id 和 :category_id 时从 :serviceprovider 列中选择 collection_select 和 grouped_collection_select。