Javascript 使用jQuery Selected时隐藏选择列表选项值

我创建了一个简单的应用程序，其中包含基于先前选择的

列表

隐藏（）

或

显示（）

选项值

有两个列表，一个包含车辆品牌，另一个包含车辆型号。当选择某个品牌（即BMW）时，下一个品牌仅显示BMW车型。奥迪等车也一样

在模型列表中，我为每个

值附加了一个ID，并根据以前的选择显示或隐藏这些

值。例如，如果选择BMW，它将隐藏两款奥迪车型

，
，Q1和Q3。如果选择了奥迪，它将隐藏两款BMW车型的X1和X2

我成功地实现了这一基本功能；然而，当我集成jQuery的选择时，它就不再工作了。我真的很喜欢Selected，一旦我构建了这个应用程序，它将非常有用，所以我很想通过集成它来实现相同的功能

以下是简单的代码文件：



.选择{宽度：200px}
.hidden{显示：无；}
$（函数（）{
$（“.select选择”）。已选择({
禁用搜索\u阈值：4
});
});
$（文档）.ready（函数（）{
var$models=$（“#s2”）；
变量$drivetrain=$（'s3'）；
var$bmwmodels=$（'#X1，#X2'）；
var$audimodels=$（'Q1，'Q3'）；
$（'#s1'）。更改（函数（）{
var selectedValue=$（this.val（）；
如果（selectedValue==“BMW”）{
$audimodels.hide（）；
$drivetrain.parent（）.hide（）；
$models.parent（）.show（）；
$bmwmodels.show（）；
} 
否则如果（selectedValue=='AUDI'）{
$bmwmodels.hide（）；
$drivetrain.parent（）.hide（）；
$models.parent（）.show（）；
$audimodels.show（）；
}
否则{
$bmwmodels.hide（）；
$audimodels.hide（）；
$models.parent（）.hide（）；
$drivetrain.parent（）.hide（）；
}
});
//隐藏装载
函数hide（）{
$models.parent（）.hide（）；
$drivetrain.parent（）.hide（）；
$bmwmodels.hide（）；
$audimodels.hide（）；
}
//在对可见元素调用.selected（）后调用hide
隐藏（）；
});
宝马
奥迪
没有什么
没有什么
X1
X2
Q1
第三季度
$（“.selected-select”）.trigger（'selected:updated'）您需要通知所选选项已更新。此代码已更新，以处理更新的选项

但需要注意的是，删除预选不起作用，您需要在Selected中找到如何删除预选的解决方案


$（文档）.ready（函数（）{
var$models=$（“#s2”）；
变量$drivetrain=$（'s3'）；
var$bmwmodels=$（'#X1，#X2'）；
var$audimodels=$（'Q1，'Q3'）；
log（$bmwmodels，$audimodels）；
$（'#s1'）。更改（函数（）{
var selectedValue=$（this.val（）；
如果（selectedValue==“BMW”）{
$audimodels.hide（）；
$drivetrain.parent（）.hide（）；
$models.parent（）.show（）；
$bmwmodels.show（）；
}否则如果（selectedValue=='AUDI'）{
$bmwmodels.hide（）；
$drivetrain.parent（）.hide（）；
$models.parent（）.show（）；
$audimodels.show（）；
}否则{
$bmwmodels.hide（）；
$audimodels.hide（）；
$models.parent（）.hide（）；
$drivetrain.parent（）.hide（）；
}
$（“.selected-select”）.trigger（'selected:updated'）；
});
//隐藏装载
函数hide（）{
$models.parent（）.hide（）；
$drivetrain.parent（）.hide（）；
$bmwmodels.hide（）；
$audimodels.hide（）；
}
//在对可见元素调用.selected（）后调用hide
$（“.select选择”）。已选择({
禁用搜索\u阈值：4
});
隐藏（）；
});
。选择{
宽度：200px
}
.隐藏{
显示：无；
}

试验
宝马
奥迪
没有什么
没有什么
X1
X2
Q1
第三季度
不知道
$（“.selected select”）.trigger（'selected:updated'）命令。工作出色，谢谢！