Отображение количества выбранных опций, как только они выбраны с помощью множественного выбора select2

Question

Итак, у меня есть этот множественный выбор select2, который получает свои опции через запрос к базе данных, и я хотел показать на входе количество выбранных опций. Однако я хотел сделать это, как только они будут выбраны, и я не знаю, как это сделать. Например, если я выберу 2 варианта, а затем решу добавить еще один, я хочу, чтобы вход изменился на 3 выбранных. Любая помощь приветствуется, и если у вас есть другие идеи, такие как, как я могу делать подобные вещи, но не нравится, как я описал это, ваша помощь также ценится. Спасибо

<select name="select_areas_educ_form" id="select_areas_educ_form" class="form-control js-example-tokenizer" multiple="multiple">
<?php foreach ($areas_educacao as $area)
{
    echo '<option value="'.$area['id_areaeducacao'].'">'.$area['cod'].' - '.$area['designacao'].'</option>';
}
?>
</select>

Answer 1

Итак, все гораздо проще, чем я ожидал, поэтому, если кому-то понадобится ответ, я оставлю его здесь. Вам просто нужно добавить onChange в ваш выбор, который вызывает функцию. Функция будет подсчитывать количество параметров, выбранных с помощью jquery, и после этого изменять местозаполнитель ввода. Это очень просто, и теперь я не могу объяснить, как я не думал об этом раньше

function opcoes_select_areas_educ_form()
  {
    var n_opcoes = $("#select_areas_educ_form :selected").length;
    document.getElementById("total_areas").placeholder = n_opcoes;
  }