Javascript 用于多个值的多选下拉列表

Javascript 用于多个值的多选下拉列表,javascript,Javascript,我有一个单选下拉列表来过滤我的报告输出。我只能从下拉列表中选择单个值 现在我需要启用multi-select来选择多个值 我已经添加了多个选择,现在下拉列表被更改为选择框,我不想要,因为我有超过100个值,并减少空间,我只需要多个选择下拉列表 我正在使用javascript和jQuery,但无法实现。 有什么建议吗?有一个多属性HTML。通过按ctrl键并单击“选择”对话框中的值,可以选择多个值 你可以试试这个: 沃尔沃汽车 萨博 欧宝 奥迪 如果您想要一个“原始”多选项,您可以使用默认的多

我有一个单选下拉列表来过滤我的报告输出。我只能从下拉列表中选择单个值

现在我需要启用multi-select来选择多个值

我已经添加了多个选择,现在下拉列表被更改为选择框,我不想要,因为我有超过100个值,并减少空间,我只需要多个选择下拉列表

我正在使用javascript和jQuery,但无法实现。
有什么建议吗?

有一个
多属性
HTML
。通过按ctrl键并单击“选择”对话框中的值,可以选择多个值

你可以试试这个:


沃尔沃汽车
萨博
欧宝
奥迪
如果您想要一个“原始”多选项,您可以使用默认的多选项,您将只使用HTML来实现它。 在这种情况下,上面答案中的示例就可以了

问题是这个multiselect非常难看,而且对用户不友好,所以我建议您应该使用一个JS插件来创建multiselect

有一些插件可以让您的multiselect变得非常漂亮,而且用户友好,无需付出太多努力。以下是一些示例:

这是我用过的东西:


这是一篇有用的文章,您可以在其中找到许多有用插件的示例:

问题明确指出使用具有多个属性的元素是不合适的。否。他还说,他曾试图用Javascript和JQuery实现这一目标,但未能实现,他询问了一些建议。我还建议使用基本的multiselect,以及一些可以与JQuery一起使用的东西,这可能有助于他实现这个要求。不是吗?问题就在这里:'我添加了多个选择,现在下拉列表被更改为我不想要的选择框,因为我有100多个值,为了减少空间,我只需要多个选择的下拉列表',阅读“只有多个选择的下拉列表”你会得到什么?我知道他想要一个普通的下拉列表,你可以选择多个值,这就是那些链接告诉你要做的。是的,答案的那部分很好,根本没有回答问题,这正是问题想要避免的。