如何从 jquery、js 或 html 中多次选择一个选项答案

【问题标题】：How to select one option multiple times from jquery,js or html如何从 jquery、js 或 html 中多次选择一个选项
【发布时间】：2020-11-25 05:45:28
【问题描述】：

我被多个选择选项卡住了，我想多次选择特定选项我阅读了 select2 doc 我没有得到结果，请帮帮我

<select id="exppicker" name="experience[]" data-size="6" data-max-options="5"
                                        class="form-control"  data-live-search="true">
                                        <option class="option">Activity</option>
                                        <option class="option">Adventure</option>
                                        <option class="option">Coffee/Tea</option>
                                        <option class="option">Food</option>
                                        <option class="option">Bar</option>
                                        <option class="option">Movies</option>
                                        <option class="option">Museums</option>
                                        <option class="option">Crafts</option>
                                    </select>

这是我的选择框，我想在其中多次选择“活动”选项。

【问题讨论】：

你不能。您可以做的是在列表顶部添加一个额外的“选择目标”选项。当用户选择一个选项时，只需注册它，并将选择元素重置为顶部选项。如果您想查看用户选择，请将其显示在单独的元素中，或更改顶部选项中显示的文本。
我认为这可能是一种备份计划，但它并不是最好的解决方案
您可以尝试监听 select 元素上的点击。然后检查event.target。如果目标是选择元素本身，则打开列表，如果目标是选项元素，则用户单击一个选项，您可以使用（已经）选择的值做任何您需要的事情。不过，不确定这在移动环境中的效果如何。
这能回答你的问题吗？ stackoverflow.com/a/26061946/12196329
在现代世界中，很难想象网页不能在移动环境中运行，因此答案不会特别有用。如果你真的想要这样的功能，你应该看看其他 Bootstrap 替代方法来创建没有原生选择元素的选择选择器，并将 sn-p 应用于该选择器。

标签： javascript jquery css jquery-select2 bootstrap-selectpicker

【解决方案1】：

列表顶部的“选择目标”选项。当用户选择一个选项时，只需注册它，并将选择元素重置为顶部选项。如果您想查看用户选择，请将其显示在单独的元素中，或更改顶部选项中显示的文本。我得到的唯一答案。

【讨论】：