동적 양식을 디자인하는 방법은 무엇입니까?

Question

나는 많은 분야와 양식을 디자인하고 싶다. 일부 필드는 첫 번째 드롭 다운 목록에 종속됩니다. 필요한 것만 표시하도록 디자인하는 방법은 무엇입니까?

Answer 1

당신은 당신이 CSS 필요되지 않을 수 있습니다 그 사람들을 숨겨야합니다.

그런 다음의 값에 따라 필드를 표시하거나 숨기려면 자바 스크립트를 만들어야합니다. jQuery의 예 :

$('select[name=yourselect]').change(function() { 
    switch($(this).val()) { 
     case 'someval': 
      $('input[name=somefield]').show(); 
      $('input[name=someotherfield]').hide(); 
      break; 
     // add as many cases as you want, one for each value 
    } 
}) 

// this is useful when your select has an initial value, 
// to show/hide the fields depending on the initially selected option 
$('select[name=yourselect]').trigger('change'); 

server side checks with your form clean() method으로 설정할 수도 있습니다.

Answer 2

당신이 두 번째 형태는 다음 장고 양식 마법사를 사용하여 첫 번째 형태의 값에 의존하는 여러 단계에서 동적 양식을 만들려면. jquery를 사용하지 않으려는 경우에 유용합니다. 이렇게하면 개별 양식에 사용자 정의 된 정리 기능을 적용 할 수도 있습니다.

확인 form wizard 문서를. 이것이 당신에게 도움이되기를 바랍니다.