我有 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/