我有 2 个组合框。我想根据组合框 1 的选择在组合框 2 中显示特定数据。

但我想让它成为一个准时选择......所以当我按下组合框 1 中我想要的选项时,组合框 2 填充了与此选择匹配的数据。

我试图在组合框 1 选项上放置一个点击功能,但是当我点击它们时它不起作用......
那么有什么方法可以这样做吗?

最佳答案

在第一个下拉列表中分配 change 事件处理程序,然后根据选定的值,获取应该放在第二个下拉列表中的值。这是一个典型的制造商 -> 型号示例:

标记:

​<select id="manufacturers">
    <option></option>
    <option value="Audi">Audi</option>
    <option value="Toyota">Toyota</option>
</select>

<select id="cars">
</select>

JavaScript:
​​var cars = {
    Audi: [ 'A2', 'A3', 'A4' ],
    Toyota: [ 'Auris', 'Avalon', 'Yaris' ]
}​​​​;

$("#manufacturers").change(function () {
   var $this = $(this);
   var selectedValue = $this.val();
   if (selectedValue) {
     var $cars = $("#cars").empty();
     var newCars = cars[selectedValue];
     $.each(newCars, function () {
         console.log(this);
       $("<option>" + this + "</option>").appendTo($cars);
     });
   }
});

DEMO

关于javascript - 根据组合框选择显示特定数据,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/12130375/

10-12 12:56
查看更多