如何分别识别select2下拉列表和select2多选

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>

但是问题是当我将这些Ids传递给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插件。 基本上两者都是相同的选择控件（select）。 但实际上它们是不同的。 how i can differ these controls through code??

Answer 1

您是否尝试过将mult_val 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'）...对于多选控件，您只需在$（'＃mult_val'）以上使用控件的ID ...