javascript - 从下拉列表中删除所选项目，但将其显示为选中

Question

我有一个如下所示的下拉菜单，其中显示 10,20,30,40

<select>
 <OPTION value="10" label="10"> 10 </OPTION>
 <OPTION value="20" label="20"> 20 </OPTION>
 <OPTION value="30" label="30"> 30 </OPTION>
 <OPTION value="40" label="40"> 40 </OPTION>
</select>

它将显示 10 被选中，当我们单击下拉菜单时，显示 10、20、30、40。

如果选择了 20，它将显示 10 被选中，当我们单击下拉菜单时，显示 10、20、30、40。

现在我必须实现，如果选择了 20，则将其显示为已选择，但在下拉列表中，仅显示 10、30、40。20 应仅在选定的位置显示。

有没有办法实现这个功能？

Answer 1

不，HTML 不提供能够这样做的输入元素。

您可以使用 CSS 的属性上的属性选择器selected并将<OPTION>显示设置为无。这可能会欺骗浏览器。