JavaScript，DHTML，jQuery：如何在3個html下拉菜單（選擇框）中實現“雙向”主從細節關系

Question

我們有一個要求，使我現在已經瀏覽網絡相當一段時間了。 這是有問題的情況。 我們有一個網頁，這里的頁面包含三個下拉菜單，如下圖所示（虛擬字段-但實際的業務數據也位於同一行）

在這里，我們有三個下拉菜單，其中數據是根據其他兩個中的選擇動態填充的。 讓我給你舉個例子。 每當有人單擊下拉按鈕時，應該使用在其他兩個下拉菜單中選擇的值來動態生成下拉菜單的值。 請參閱以下方案：

如果某人在第一個下拉列表中預先選擇了“本田”，然后單擊“ Milage”下拉列表-“ Milage”下拉列表應：
一種。 清除以前的選項（如果有）
b。 動態填充針對“本田”有效的所有里程的選項（根據數據庫）
C。 顯示帶有新選項的下拉菜單。

同樣，該流程應該起作用，而不管下拉菜單的選擇順序如何。

這就是我遇到的問題-如果我為下拉菜單編寫“ OnClick”處理程序，並使用AJAX調用獲取值-填充下拉列表值，但在IE上-下拉列表再次崩潰。 另外，在Firefox中，這些選項都可以正常填充-但下拉菜單有點過於生動（可以理解，因此我刪除了所有選項並添加了新選項）。

另外，如果可以在瀏覽器中處理整個過濾操作，那將是很好的選擇（因為AJAX調用需要一些時間）

Here is the image if you can't see it in the original post above - 
http://www.imagechicken.com/uploads/1241831231099054800.jpg

問候，
-Ashish

Answer 1

您的問題是，當用戶單擊下拉列表內容時，您正在對其進行更新。 更改相關下拉列表后，最好更新下拉列表。 例如：

$('#drop1').change(function(){
    $('#drop2').load(url, {option: $('#drop1').val()})
})

Answer 2

@Nadia描述的輪詢解決方案或onchange解決方案可能是您最好的選擇。