Javascript 将“多选”更改为“单选”下拉列表

我的多重选择有问题。我想做的唯一可行的方法是使用多重选择，但我需要将其转换为单个下拉选择，因为这种方法是设计

问题是：如何在单个选择中转换多个选择？我添加了一个屏幕截图：

• 我是这样的：

设计应该是这样的：

在不删除

multiple=“multiple”

属性的情况下，是否可以使用html或css对其进行转换

我的标签：

---

关于

我明白你的意思，但仅仅依靠HTML/CSS是不可能的。 您需要在某个时候使用JS或jQuery

请参考下面的插件，这些插件可能会帮助您进行分类。

---

您也可以使用selected，Select2插件。

我看到的唯一方法是将一个看起来像HTML select的div样式化，并使用JavaScript显示和隐藏select Multiple。这是我刚刚制作的一个快速示例（可能代码会更好）：

函数showSelect（类名）{
document.getElementById（'sel'）。className=className；
}

。隐藏{
显示：无；
}
.可见{
显示：块；
}
.分区{
边框：1px纯黑；
宽度：100px；
}
#选择{
宽度：100%；
}
.阿罗{
浮动：对；
}

选择▼
1.
2.
3.
4.
5.
6.
7.
8.
9
10

是否要在一个下拉列表中进行选择，并在第二个下拉列表中过滤选项？数据映射是否使得每个目的地都有多个属性？因此，您希望它看起来像一个单选，但行为像一个多选？@Ghostrydr正是这样，您需要一个库/插件来实现这一点。也许可以使用Select2插件来实现。@JeanManzo如果我的回答对您有帮助，如果您能将其标记为答案，我将不胜感激：）