Как обновить значения в collection_select с помощью другого collection_select?

Question

[Yauheni Dakuka]

Есть:


quizzes.coffee

# $(document).on 'page:change', ->
$(document).on 'ready page:load', ->
  # $('#subcategories_select').hide()
  $('form').on 'change', ->

    # if $('#category_id').val()
    if true
      $.ajax
        url:      'update_subcategory'
        data:     category_id: $('#category_id').val()
        dataType: 'script'

      $('#subcategories_select').show()
    else
      $('#subcategories_select').hide()

controllers/quizzes_controller.rb

class QuizzesController < ApplicationController
  def new
    @quiz = Quiz.new
    @notcategory = Category.where "parent_id = ?", params[:category_id]
  end

  def update_subcategory
    if params[:category_id]
      # @notcategory = Category.all.collect { |c| [c.name, c.id] }
      @notcategory = Category.all.map { |c| [c.name, c.id] }
    else
      @notcategory = Category.all.map { |c| [c.name, c.id] }
    end

    render nothing: true, content_type: 'text/html', status: 200
  end

  private
    def quiz_params
      params.require(:quiz).permit(:title, :image, :description, :no_questions, :category_id)
    end
end

quizzes/_form.html.haml

= form_for @quiz, remote: true do |f|
  .field
    = f.label :title
    = f.text_field :title
  .field
    = f.label :image
    = f.text_field :image

  .field
    = f.label :category
    = f.collection_select :category_id, Category.where(parent_id: nil), :id, :name, {prompt: "Choose a Category"}, id: "category_id"
    #subcategories_select
      = f.label :subcategory
      = f.collection_select :category_id, @notcategory, :id, :name, id: "subcategory_id"

  / - if params[:category_id]
  /   = f.collection_select :category_id, Category.where(parent_id: params[:category_id]), :id, :name, { prompt: 'Choose a subcategory' }, id: "subcategory_id"

  .field
    = f.label :description
    = f.text_field :description
  .field
    = f.label :number_of_questions
    = f.number_field :no_questions
  .actions
    = f.submit 'Save'

Суть: есть два collection_select. Когда в одном выбрано одно значение, в другом отображается один список значений, а когда иное значение - другой список значений.
Вопрос: Как мне передать из контроллера из метода update_subcategory новые значения во второй collection_select? Пока что я только получаю значение params[:category_id] в методе update_subcategory из первого collection_select.

Нагуглил похожих ситуаций, но ничего не помогло.
Вот результат гугл поиска:
How to use collection_select and select helpers in...
Как передать выбранное значение из collection select?
Dynamic Dropdowns With Rails, jQuery, and AJAX
Populating collection_select field on selection of...
Генерация динамического контента через ajax в Rails

Answer 1

[ТыжСисАдмин]

Для начала

url:      'update_subcategory'
#replace
url:      '/url'

/controller_name/function

ну и соответсвенно это можно глянуть в роутах.
Компилятор coffee скриптов не вкурсе что у вас там с роутами, гляньте к код который он вам скомпилировал :)

Comments

[Yauheni Dakuka]

Что значит глянь в "гляньте к код который он вам скомпилировал :) ", это как?)
Url вроде ни на что не влияет, вот что получается: s58.radikal.ru/i162/1508/54/c4337ca8b44a.png

[ТыжСисАдмин]

Всегда проверяйте что вам компилируется из coffee скриптов, иногда бывают доволи чудные конструкции.

ну и собственно консоль браузера и console.log('переменная') помогает при отладке ;)

[ТыжСисАдмин]

Yauheni Dakuka: открываете исходник страницы и ищите в head JS скрипт с именем coffee скрипта, открываете и смотрите чего оно там накомпилило :)

[Yauheni Dakuka]

Да, собственно, так и делаю, но проблема в том, что не могу( не знаю как, не получается) из метода в контроллере обновить второй collection_select.

[ТыжСисАдмин]

Давайте так https://kernelgarden.wordpress.com/2014/02/26/dyna... :)

[Yauheni Dakuka]

Алексей POS_troi: точно тоже, что и у меня, но только без:

# app/views/welcome/update_cities.js.coffee 
$("#cities_select").empty()
  .append("<%= escape_javascript(render(:partial => @cities)) %>")

Может в этом ошибка, буду экспериментировать.

[Yauheni Dakuka]

Алексей POS_troi: все по-прежнему, не могу с помощью js/coffee заполнить collection_select.

[ТыжСисАдмин]

Yauheni Dakuka: именно в этом, у вас форма уже подгружается с пустым @notcategory , в результате вы аяксом получаете данные от сервера но они получаются в никуда ибо collection_select у вас уже откомпилился на сервере и ему пофигу что вы там хочете делать на html странице, фактически что-бы всё разаботало нужно вынести subcategory коллекцию в отдельный партиал и отдавать его сформированный уже по аякс запросу и аппендить под select категорий.

В том варианте, в ответ на запрос, рельсы отдают JS скрипт который фактически очищает

<select id="cities_select">
</select>

и потом заполняет его пунктами.

В общем я уже не раз кидал ссылку rusrails.ru/working-with-javascript-in-rails , желательно к ознакомления и пониманию.

[ТыжСисАдмин]

По той ссылке на пример выше не смотрите на статью, там вначале есть ссылка на гитхаб с rails app.

[Yauheni Dakuka]

Алексей POS_troi: сразу не заметил ссылку на гитхаб, большое спасибо за нее отдельно) Уже неоднократно со статьей выше ознакомился и понимаю из-за чего ошибка-недоработка.