Как распознать выпадающий список select2 и отдельно выбрать select2

Question

У меня есть два элемента управления один select2 dropdown и другой jquery multi value select

выберите2 выпадающий

<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>

но проблема в том, что когда я передаю эти идентификаторы функции 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`
}

я использую плагины jquery для обоих элементов управления select2 а также multiSelect, в основном оба - один и тот же элемент управления select (select). но физически они разные. 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>

Вы можете идентифицировать элемент управления по его идентификаторам, используя "#", поэтому для select2 вы можете использовать $('#drp_me')... а для множественного выбора вы просто используете его идентификатор как выше $('#mult_val')...