Django : 상위 선택 상자 선택에 따라 하위 선택 상자 선택 업데이트

Question

관리자 페이지에서 "상위"선택 상자의 선택에 따라 "하위"선택 상자의 옵션을 자동으로 업데이트하는 방법을 알고 있습니까?

문제 : 두 개의 선택 상자가 있습니다. 첫 번째 예에서 나는를 선택합니다. 자동차 브랜드. 자동차 브랜드를 선택하면 해당 브랜드의 모델로 업데이트 할 "자식"선택 상자 옵션을 원합니다.

내 모델에서 ForeignKey를 올바르게 사용하고 있으며 모든 모델이 정확하지만이 문제를 해결하기위한 지침을 제공 할 수 있다면 감사하겠습니다. 감사!

해결 : 나는 smart_selects를 사용했습니다. https://github.com/digi604/django-smart-selects

Answer 1

나는 내 문제를 해결했습니다. 나는 장고 smart_selects를 사용했다. github.com/digi604/django-smart-selects

Answer 2

당신은 자바 스크립트와 Elementmanipulation하여이 작업을 수행 할 수 있습니다 : 예

<script type="text/javascript"> 
var porsche = {{ porsche|safe }}; 
var vw = {{ vw|safe }}; 
</script> 

을 그리고 당신은 당신의 부모 선택에 대한 새로운 변경 방법을 지정할 수 있습니다 자바 스크립트 :

는 자바 스크립트를 바르에 자동차 모델을 저장 상자 :

$('#parent_select').change(function(){ 
    changeCars(); 
}); 

이 기능은 다음 아이 선택 상자를 조작 할 수 있습니다 :

,

var newCarList = []; 
val =$('#parent_select').val(); 
if (val=='porsche'){ 
    newCarList = porsche; 
} 
else if (val == 'vw'){ 
    newCarList = vw; 
} 
else{ 
    //some Error handling 
} 

select = document.getElementById('child_select'); 
while (select.firstChild) { 
select.removeChild(select.firstChild); 
// to remove all previously added childs (option fields) 
} 

for (var i = 0; i < newCarList.length; i ++){ 
    var opt = document.createElement('option'); 
    opt.value = newCarList[i]; 
    opt.innerHTML = newCarList[i]; 
    select.appendChild(opt); 
    //append all new Childs to the child_select 
} 

이 가능성은 작동하지만 객체 조작이 가장 빠른 방법이 아니기 때문에 매우 느립니다. 또 다른 가능성은 parent_select의 값에 따라 다른 하위 선택을 작성하고 show/hide를 사용하여 올바른 선택 만 표시하는 것입니다.