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解决方案可能是您最好的选择。