Dynamic Collection jQuery와 AJAX를 사용하여 Rails에서 선택하십시오.

Question

사용자가 게시물을 작성할 수있는 간단한 애플리케이션이 있습니다. 게시물을 만들려면 사용자는 카테고리를 선택해야합니다. 카테고리를 표시하려면 select 컬렉션을 사용하고 싶습니다. 사용자가 카테고리를 선택하면 해당 카테고리 내의 하위 카테고리를 나열하는 다른 컬렉션 선택을 표시해야합니다. 이 모든 것은 게시물/새 페이지에서 발생합니다.

jQuery와 AJAX를 사용하여 구현하려고했는데 첫 번째 컬렉션에서 해당 카테고리의 ID를 찾을 수있는 시점에 이르렀습니다. id를 나타내는 alert() 상자를 표시하여 확인했습니다. 하지만 그 id를 가진 서버에 AJAX POST를 만들고 하위 범주를 검색 한 다음 두 번째 모음을 선택하는 방법을 알지 못합니다.

웹에서 찾은 모든 예가 저에게 효과적이지 않았습니다. 누구든지 내 요구 사항을 충족시킬 수있는 완전한 작업 코드를 제게 제공 할 수 있습니까? 감사.

Answer 1

우선, 파라미터 등의 카테고리 ID를 수락하고 아래 형식 평문 하위 카테고리의 렌더링 컨트롤러 액션 해주기

<option value="1">First subcategory</option> 
<option value="2">Second subcategory</option> 
<option value="3">Third subcategory</option> 

다음 트리거 Ajax 요청 물품을 때 범주 드롭 다운 변경 :

$('#category_dropdown').change(function() { 
    var subcategory_url = "/get_subcategories?category_id=" + $(this).val(); 
    var subcategory_select = $(this).next('select'); 

    $.ajax({ 
    url: subcategory_url, 
    success: function(data) { 
     subcategory_select.html("<option selected=selected>Select Subcategory</option>" + data); 
    } 
    }); 
});