Django Jquery:基于选择，显示进一步的选择选项

Question

用户必须选择车辆类型，然后基于他的选择，他具有选择车辆型号的选项，然后基于该选择，他将具有查看该型号可用的特定颜色的选项。

每个车辆、型号和颜色都有单独的django模型，其中每个车辆实例都有许多模型(多对多字段)，每个模型都有颜色(多对多字段)。

您将如何创建模板，以便用户能够动态执行此操作？我不想被重定向到不同的观点。我想我需要使用jquery，这样用户就可以从下拉框中选择车辆，然后根据他的选择出现另一个下拉框，等等。

有什么想法吗？

Answer 1

我的方法是使用ajax动态更改选择框的内容。有很多方法可以实现这一点。这里有一个..。

• 创建3个选择框(vehicle、model、color)
• Populate第一个选择框和所有空白条目)
• 捕获车辆和型号的onchange事件，并创建相应的javascript函数。

下面是vehicleChange函数的sudo代码：

使用模型选择框清除所有模型选择所有颜色选择options

• fetch模型从服务器中选择选项ajax

• populate

下面是modelChange函数的sudo代码：

使用ajax

• populate颜色选择框从服务器中选择选项
• Clear color select options
• fetch颜色。

所以现在发生的事情是：

因为你使用的是ajax，所以你的页面不会刷新或者redirect.

• Your模型的“模型”和“颜色”仍然和possible

• Your视图一样简单，
• 的“模型”和“颜色”变得非常小。一种可能的视图将产生类似如下的内容：

要更改选择框中的选项，可以使用jquery获取选择框，并用ajax调用的结果替换html。

Answer 2

您可以使用dajax，这是一个用于django的ajax库。在他们的网站上，甚至有一个非常相似的例子--> http://www.dajaxproject.com/forms/