如何分別識別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 ...