1. 首页
  2. 问答
  3. Django的jQuery的：根据选择，显示更多的选择选项

Django的jQuery的：根据选择，显示更多的选择选项

2012-03-10 45 views
2

用户必须选择车辆类型，然后根据自己的选择，那么他有选择的车辆模型的选项，然后根据该选择他将观看的选项该模型可用的特定颜色。Django的jQuery的：根据选择，显示更多的选择选项

存在用于每个车辆，型号和颜色，其中，每个车辆实例有许多模型（多对多场）的单独的Django模型和每个模型都有颜色（多对多字段）。

你会如何创建一个模板，使用户能够动态地做到这一点？我不想被重定向到不同的观点。我想我需要使用jquery，这样用户可以选择从下拉框中的车辆，然后根据自己的选择另一个下拉框显示等。

任何想法？

来源

2012-03-10 JohnnyCash

回答

4

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

  • 创建3个选择框（车辆，型号，颜色）
  • 填充第一个与所有空白条目加上所有车辆
  • 陷阱车辆和模型onchange事件并创建相应的javascript功能。

下面是vehicleChange功能须藤代码：

  • 清除所有的模型中选择选项
  • 清除所有的颜色中选择选项
  • 用ajax
  • 填入获取从服务器模式选择选项模型选择框。

这里是modelChange功能须藤代码：

  • 清除颜色选择选项
  • 用ajax
  • 填入颜色选择框取从服务器颜色选择选项。

所以，现在发生的事情是：

  • 因为你正在使用AJAX网页会不会刷新或重定向。
  • 您的“模型”和“颜色”模型尽可能简单

  • 您对“模型”和“颜色”的看法变得非常小。一个可能的看法会产生这样的：

    <期权价值= “红色” >红< /选项>
    <期权价值= “白” >蓝< /选项>
    <期权价值= “蓝色” >蓝< /选项>

要更改的选项中选择框，你可以使用jQuery抢SEL ect box并用ajax调用的结果替换html。

来源

2012-03-10 20:10:50

+0

：有，如果我们不知道选择菜单的一些以前的任何解决方案？我把我的问题作为单独的问题：http：//stackoverflow.com/questions/16505587/django-template-display-dynamic-data-filed-according-to-the-content-of-the-dat – Lahiruzz 2013-05-13 04:08:10

相关问题

 相关问题