Javascript 根据其他两个下拉列表的选择更改下拉列表？

嗨，谢谢你抽出时间

我试图让它这样当用户选择2个不同的下拉选项，它决定了第三个下拉

我已经创建了一个代码笔/小提琴

---

非常感谢。

据我所知，您希望根据前两个下拉列表的选择在第三个下拉列表中显示选项

如果这是真的，我的想法是在第三个下拉列表的选项中保留前两个下拉列表的关系，并提供一些参考，以便它们可以相互关联，我更喜欢在HTML中使用

data-

属性

然后在选择这两个下拉列表时，过滤结果下拉列表中需要显示的内容，并相应地显示选项

示例：如下所示

$（函数（）{
$（“#表，#颜色”）.change（函数（）{
var sheet=$（“#sheet”）.val（）；
var color=$（“#color”）.val（）；
//在产品下拉列表中查找所有选项，不包括默认选项
var$prodpoptions=$（“选项”，“产品”）.filter（“：not（“[disabled]”））；
//更改下拉列表时的筛选选项
var$filtered=$prodpoptions.filter（函数（）{
返回$（this）.data（“sheet”）==sheet&$（this）.data（“color”）==color；
});
$PRODPOPTIONS.hide（）；//更改时全部隐藏
$filtered.show（）；//显示已筛选的
});
});


1.）
请选择
光滑的白色
光滑自然

(二)
请选择
奥克尼天然
奥克尼白葡萄酒
奥克尼黑
奥克尼木炭
奥克尼靛蓝

选择一个进行预览
天然（白色床单）
天然（天然床单）
白色（白色床单）
白色（天然床单）
黑色（白色床单）
黑色（天然床单）
木炭（白色床单）
木炭（天然床单）
靛蓝（白色床单）
靛蓝（天然床单）
最好使用css选择器来选择每个单选元素：element=document.querySelector（选择器）；在你的代码中没有单选按钮，你什么都没试过？至少尝试一些jquery的东西naradio按钮或下拉菜单？？问题和代码你发布了一些看起来没有更新的帖子，请不要让我们访问其他网站来查看你的问题。相反，在你的帖子中创建一个，谢谢你，这帮了我很大的忙。。。快乐编码！！
See codepen for details.