Skip to main content

Filtrar campos select utilizando o valor de outros selects com Ruby on Rails

estou com um problema para resolver aqui na minha aplicação. O problema consiste em filtrar o campo select HTML "Solução", baseado nos valores dos outros campos selects acima dele. A imagem mostra um exemplos destes campos. Exemplo dos campos do formulário

Atualmente, a aplicação está puxando os valores do banco de dados referente às tabelas Área, Região, Associado, Solução e jogando todas as áreas, regiões, associados e soluções nos campos. O que o usuário quer que seja mudado é que, quando ele seleciona uma área, uma região e um associado, o campo "Solução" mostre apenas as soluções para aquele associado que está naquela região e dentro daquela área.

Sei que tem como fazer isso com Ajax e JavaScript, mas eu queria saber se teria alguma maneira de fazer com Ruby mesmo.

Aqui está o código do meu controller que popula os selects:

def popula_selects
   @atendimento_area_users = AtendimentoAreaUser.where(status: true, user_id: current_user.id)
    @atendimento_regiao_users = AtendimentoRegiaoUser.where(status: true, user_id: current_user.id)
    @atendimento_regiao_associados = AtendimentoRegiaoAssociado.where(status: true, entidade_id: current_user.entidade_id).where(atendimento_regiao_id: @atendimento_regiao_users.map(&:atendimento_regiao_id))
    @solucaos = Solucao.where(entidade_id: current_user.entidade_id, status: true)
    @atendimento_situacaos = AtendimentoSituacao.where(entidade_id: current_user.entidade_id)
    @atendimento_tipos = AtendimentoTipo.where(entidade_id: current_user.entidade_id, status: true)
  end

Abaixo, o código _form.html.erb dos campos select:

(...form_for...)
<div class="field">
<div class="row">
  <div class="col-xs-6">
    <%= f.select :atendimento_area_user_id , @atendimento_area_users.collect { |c| [ c.atendimento_area.nome, c.id ] }, {:prompt=>"Área"}, { :class => 'form-control', :required => true } %>
  </div>
  <div class="col-xs-6">
    <%= f.select :atendimento_regiao_user_id , @atendimento_regiao_users.collect { |c| [ c.atendimento_regiao.nome, c.id ] }, {:prompt=>"Região"}, { :class => 'form-control', :required => true } %>
  </div>
</div>
<div class="field">
    <%= f.select :atendimento_regiao_associado_id , @atendimento_regiao_associados.collect { |c| [ c.associado.nome, c.id ] }, {:prompt=>"Associado"}, { :class => 'form-control', :required => true } %>
  </div>
  <div class="field">
    <%= f.select :solucao_id , @solucaos.to_s, {:prompt=>"Solução"}, { :class => 'form-control', :required => true } %>
  </div>

Tentei utilizar ajax com o parâmetro remote: true no form_for, mas o mesmo não funcionou. Se alguém tiver alguma dica, agradeço muito! Obrigado pela atenção.