Question

我有两个控件select2 dropdown和另一个jquery multi value select

select2下拉列表

<select id="drp_me" class="select2-offscreen">
  <option value="1">one</option>
  <option value="2">two</option>
  <option value="3">three</option>
</select>

jquery多值选择

<select id="mult_val" class="span6 select2">
  <option value="1">ONE</option>
  <option value="2">TWO</option>
  <option value="3">THREE</option>
</select>

但问题是当我将这些ID传递给JS函数并尝试显示它的类型时，它们都显示类型为select-one

JS

$('#drp_me').select2();
$('#mult_val').multiSelect();
function displayType(id) // id = mult_val or drp_me
{
  var control=document.getElementById(id);
  console.log(control.type); // both controls showing as `select-one`
}

我正在为控件select2和multiSelect使用jquery插件。基本上两者都是相同的选择控制（选择）。但实际上他们是不同的。 how i can differ these controls through code??

Answer 1

您是否尝试将multiple='multiple'添加到mult_val？因为从你的标记中它们都是单选的。

Answer 2

您应该使用<select multiple>进行多选框：

<select multiple id="mult_val" class="span6 select2">
  <option value="1">ONE</option>
  <option value="2">TWO</option>
  <option value="3">THREE</option>
</select>

您可以使用“＃”通过ID标识控件，因此对于select2，您可以使用$（'＃drp_me'）... 对于multiselect，你只需使用上面的ID $（'＃mult_val'）...

如何识别select2下拉菜单并分别选择2多选

2 个答案: