Django Jquery : 선택에 따라 더 많은 선택 옵션을 표시

Question

사용자는 차량 유형을 선택해야하며 선택에 따라 차량 모델을 선택할 수있는 옵션을 가지며 그 선택에 따라보기 옵션을 갖게됩니다 해당 모델에 사용할 수있는 특정 색상.

각 차량 인스턴스에는 많은 모델 (많은 필드부터 많은 필드까지)이 있고 각 모델에는 색상 (많은 필드부터 많은 필드까지)이있는 차량, 모델 및 색상에 대한 별도의 장고 모델이 있습니다.

사용자가 동적으로이 작업을 수행 할 수 있도록 템플릿을 어떻게 작성 하시겠습니까? 다른 견해로 방향을 바꾸고 싶지 않습니다. 나는 사용자가 드롭 다운 상자에서 차량을 선택할 수 있도록 jquery를 사용할 필요가 있다고 생각하고있다. 그런 다음 다른 드롭 다운 상자가 나타나면 다른 드롭 다운 상자가 나타난다.

아이디어가 있으십니까?

Answer 1

내 접근 방식은 아약스를 사용하여 동적으로 선택 상자의 내용을 변경하는 것입니다. 이것을 구현하는 방법은 여러 가지가 있습니다. 여기

• 모든 빈 항목으로 첫 번째 플러스 모든 차량
• 트랩 차량 및 모델에 대한 onchange를 이벤트를 채 웁니다 3 선택 상자 (차량, 모델, 색상)
• 만들기 ... 하나입니다 해당 자바 스크립트 함수를 만듭니다.
• 가 아약스에게
• 채우기를 사용하여 서버에서 모델 선택 옵션을 가져
  • 모두 지우기 모델 옵션을 선택
  • 모두 지우기 색상 옵션을 선택합니다 : 여기

는하여 vehicleChange 기능에 대한 sudo는 코드입니다 모델 선택 상자.
• 투명 색상 옵션을 선택
• 가 아약스에게
• 채우기 색상 선택 상자를 사용하여 서버에서 색상 선택 옵션을 가져 : 여기

는 modelChange 기능에 대한 sudo는 코드입니다.

그래서 이제 어떻게 무엇을 :

• 당신이 아약스 페이지가 새로 고치거나 리디렉션되지 않습니다 사용하고 있기 때문에.
• "모델"및 "색상"에 대한 모델은 가능한 한 간단합니다.

• "모델"및 "색상"에 대한보기가 매우 작아집니다.한 가지 가능한 뷰는 같은 ​​것을 얻을 것이다 :

  < 옵션 값 = "레드"> 레드 </옵션 >
  < 옵션 값 = "화이트"> 블루 </옵션 >
  < 옵션 값 = "블루"> 당신은 SEL을 잡기 위해 jQuery를 사용할 수있는 선택 상자의 옵션을 변경하려면 블루 </옵션 >

ect 상자를 클릭하고 html을 ajax 호출의 결과로 바꿉니다.

Answer 2

djax는 django 용 ajax 라이브러리를 사용할 수 있습니다. 그들의 웹 사이트에 그들은 심지어 아주 비슷한 예를 가지고 있습니다 ->http://www.dajaxproject.com/forms/