Javascript 如何隐藏未选择的选项

我有一个自动选择的选项下拉列表

---

我试图做的是隐藏未选中的选项。也就是说，如果我为一家名为a的特定酒店单击“立即预订”，我会进入预订页面，在该页面中，酒店a会在下拉列表中自动选择，那么我如何隐藏酒店B、C和D

您必须在页面\u load/doc\u ready上执行此操作：

$（文档）.ready（函数（e）{
$（'selectID'）.val（“C”）；
$（'#selectID'）。查找（':not（：selected'）。隐藏（）；
});

选择
一
二
三
您必须在加载/doc\u就绪页面执行此操作：


$（文档）.ready（函数（e）{
$（'selectID'）.val（“C”）；
$（'#selectID'）。查找（':not（：selected'）。隐藏（）；
});

选择
一
二
三
我不确定我是否理解您真正想要的是什么，但我知道您有一些酒店，当用户选择一家酒店时，您希望隐藏其他酒店


$（函数（）{
$（#hotels'）。更改（功能（）{
所选变量=$（this.val（）；
console.log（选中）；
$（“#选择div select”）.hide（）；
$（'#'+选中）。显示（）；
});
});
#选择div选择{
显示：无；
}

--选择一家酒店--
A酒店
B酒店
C酒店
带两张床的房间-100美元
带两张床的房间-200美元
带一张床的房间-70美元
带一张床的房间-170美元
**带一张床的房间-370美元
带3张床的房间-370美元
带5张床的房间-500美元
我不确定我是否理解您真正想要的是什么，但我知道您有一些酒店，当用户选择一家酒店时，您希望隐藏其他酒店


$（函数（）{
$（#hotels'）。更改（功能（）{
所选变量=$（this.val（）；
console.log（选中）；
$（“#选择div select”）.hide（）；
$（'#'+选中）。显示（）；
});
});
#选择div选择{
显示：无；
}

--选择一家酒店--
A酒店
B酒店
C酒店
带两张床的房间-100美元
带两张床的房间-200美元
带一张床的房间-70美元
带一张床的房间-170美元
**带一张床的房间-370美元
带3张床的房间-370美元
带5张床的房间-500美元
你介意多解释一下还是添加一张图片？我不完全理解这个问题，抱歉：/理想情况下，自动选择酒店A的第二页不应该是选择框。但您可以制作一个标签，表明这是所选的值您介意解释更多或添加图片吗？我不完全理解这个问题，抱歉：/理想情况下，自动选择酒店A的第二页不应该是选择框。但您可以制作一个标签，表明这是选定的值