2

用戶必須選擇車輛類型,然後根據自己的選擇,那麼他有選擇的車輛模型的選項,然後根據該選擇他將觀看的選項該模型可用的特定顏色。Django的jQuery的:根據選擇,顯示更多的選擇選項

存在用於每個車輛,型號和顏色,其中,每個車輛實例有許多模型(多對多場)的單獨的Django模型和每個模型都有顏色(多對多字段)。

你會如何創建一個模板,使用戶能夠動態地做到這一點?我不想被重定向到不同的觀點。我想我需要使用jquery,這樣用戶可以選擇從下拉框中的車輛,然後根據自己的選擇另一個下拉框顯示等。

任何想法?

回答

4

我的方法是使用AJAX來動態改變的選擇框的內容。有很多方法可以實現這一點。這裏是一個...

  • 創建3個選擇框(車輛,型號,顏色)
  • 填充第一個與所有空白條目加上所有車輛
  • 陷阱車輛和模型onchange事件並創建相應的javascript功能。

下面是vehicleChange功能須藤代碼:

  • 清除所有的模型中選擇選項
  • 清除所有的顏色中選擇選項
  • 用ajax
  • 填入獲取從服務器模式選擇選項模型選擇框。

這裏是modelChange功能須藤代碼:

  • 清除顏色選擇選項
  • 用ajax
  • 填入顏色選擇框取從服務器顏色選擇選項。

所以,現在發生的事情是:

  • 因爲你正在使用AJAX網頁會不會刷新或重定向。
  • 您的「模型」和「顏色」模型儘可能簡單
  • 您對「模型」和「顏色」的看法變得非常小。一個可能的看法會產生這樣的:

    <期權價值= 「紅色」 >紅< /選項>
    <期權價值= 「白」 >藍< /選項>
    <期權價值= 「藍色」 >藍< /選項>

要更改的選項中選擇框,你可以使用jQuery搶SEL ect box並用ajax調用的結果替換html。

+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