HTML隐藏按钮标记内的选择标记

我希望选择选项在按下按钮时显示，但不希望显示所选选项的栏显示在按钮内

这就是我到目前为止所做的：

沃尔沃汽车 萨博 欧宝 奥迪 $btn、.close.clickfunction{ $.select-wrapper.toggleClassactive； }; .选择包装器{ 显示：无； 位置：固定； 宽度：100vw； 高度：100vw； 排名：0； 左：0； z指数：10； 背景：rgba0,0,0,0.3； } .选择包装器选择{ 字体大小：24px； 位置：绝对位置； 左：50vw； 转化：translateX-50%； } .select-wrapper.active{ 显示：块； } 沃尔沃汽车 萨博 欧宝 奥迪

---

我遇到了类似的问题，由于一些后端问题，开发人员拒绝只使用列表

发现了一个简单的欺骗，让选择标签显示所有选项，看起来像一个下拉列表，然后我只是切换整个选择标签。不完全是你想要的，但看起来像

$btn、.selector.clickfunction{ $.select-wrapper.toggleClassactive； }; .选择包装器{ 显示：无； } .select-wrapper.active{ 显示：块； } 添加变量： 苹果 梨 香蕉 橙色

---

嗯，这看起来根本不像是有效的HTML。@BramVanroy它是有效的HTML，但是我不理解选择字段…在按钮内部…它运行的逻辑，它只是一个片段来演示我所做的want@m_callens想法是在手机上运行，因此，我可以弹出选项，然后从一个较小的按钮中进行选择，该按钮适合applicaiotn@m_callens如果你通过验证器运行它，你会发现它是无效的。我想使用一个带有图像的按钮，选择的选项仍然显示，这会破坏我的布局。你说选择的选项显示是什么意思？否则用户怎么知道他们选择了什么呢？我会给它一个ID，然后从ID中获取javascript值，显示部分并不重要。我已经尝试过style=display:none，但是这使得选项不会显示出来，或者根本不清楚您想要什么。如果可能的话，提供你想要的图片。我已经编辑了这个问题，它有一个我想要的例子