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

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不提供能够这样做的输入元素。

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