Question

我想设计包含许多字段的表单。某些字段依赖于第一个下拉列表。如何设计只展示那些需要的东西？

Answer 1

你应该隐藏CSS中可能不需要的那些。

然后，您应该创建一些 javascript来显示/隐藏字段，具体取决于选择的值。 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

如果要在多个步骤中创建动态表单，其中第二个表单取决于第一个表单值，则可以使用Django表单向导。如果您不想使用jquery，这很好。通过这种方式，您还可以为各个表单应用自定义清理功能。

查看form wizard文档。我希望这对你有用。

如何设计动态表格？

2 个答案: