jQuery select2多个选择中的多个相同类型

时间:2018-01-24 08:09:08

标签: jquery html

我正在使用select2(可以找到here),我希望有一个多选框。为此,使用<select multiple></select>。但问题是你不能有多个相同的选项。例如:

<select multiple>
    <option>First Option</option>
    <option>Second Option</option>
    <option>Third Option</option>
</select>

我希望选择Second Option中的2个。我该怎么做呢?另外,我如何获得此<select multiple>的价值?

注意:我无法使用多个<select>

1 个答案:

答案 0 :(得分:0)

目前尚不清楚你的要求。 以下是我的变体:

如果您想要使用相同的选项进行一次多重选择(如果您选择一个,它会显示在选定位置,但也会保留在列表中 - 您在评论中描述了此要求。

我想用select2简单不可能。你必须寻找另一种控制。

如果您想要两个具有相同选项的多项选择。

您必须在原始选择中添加一些类。 然后执行$('.my-select1').select2();do $('.my-select2').select2();

在这种情况下,您可以使用选择器.my-select1.my-select2选择值。

请参阅https://jsfiddle.net/hfmeey2z/1/作为具有相同值的两个多重选择的示例。

如果您想要一个具有相同名称的两个选项的多项选择。 您必须为每个选项使用不同的"value"属性。

 <option value="JAN">January</option>
 <option value="JAN2">January</option>

https://jsfiddle.net/hfmeey2z/2/