첫 번째 드롭 다운에 기반한 액티브 관리자 선택 드롭 종속로드

Question

레일 및 활성 관리자에서 새로운 루비입니다. 두 개의 드롭 다운 목록 하나를 만들 필요가 있고 다른 하나는 게임입니다.

게임은 위치를 기반으로하므로 드롭 다운 목록에서 위치를 선택하면 두 번째 드롭 다운에서 특정 위치와 관련된 게임이 표시됩니다.

도와 주시겠습니까?

form do |f| 
     f.inputs do 
     f.input :location_id, :as => :select, :collection => Location.all.collect {|var| [var.location, var.id] } 
     f.input :game_id, :as => :select, :collection => Game.all.collect {|var| [var.game, var.id] } 
    end 
    f.actions 
end 

Answer 1

예, 꽤 쉽습니다. 드롭 다운을 닫고 열어두기위한 Javascript 코드를 포함하기 만하면됩니다. 사용자가 드롭 다운을 클릭하면 드롭 다운이 열립니다. 클릭 이벤트

$('.divtobeclicked').click(function() { 
    $('.dropdown').toggle() 
}); 

관리를위한

JQuery와 예는 다음 드롭 다운 HTML은 프로젝트 fontawesome 보석에 포함해야합니다, 그래서 i class="icon.."는 fontawesome 아이콘이다,이 같은 somethink됩니다.

<div class="divtobeclicked"> 
    <i class="icon-task-l"></i> 
</div> 
<div class="dropdown"> 
    <ul> 
    <li>first option</li> 
    <li>first option</li> 
    <li>first option</li> 
    </ul> 
</div> 

그러면 레일을 레일과 호환되도록 편집해야합니다.

<%= form do |f| %> 
    <li><%= f.input :location_id ..... %></li> 
    ..... 
<% end %> 

쉽게 온라인 di css/javascript 코드를 찾을 수 있습니다.

이 당신이 레일 https://www.w3schools.com/CSS/css_dropdowns.asp

에 대한 적응해야하는 CSS/HTML 드롭 다운 당신이 JQuery와 toggle show/hide div with button?

자바 스크립트를 사용하려면 자바 스크립트와 사업부를 전환하는 방법에 대한 설명을 찾을 듣고, 귀하의 프로젝트에서 당신은 자산 파이프 라인에 어느 정도 익숙해야합니다.