使用多项选择 select2 选择后立即显示选择的选项数量

Posted 2023-05-07

【中文标题】使用多项选择 select2 选择后立即显示选择的选项数量

【英文标题】：Display number of options selected as soon as they are selected using a multiple choice select2

【发布时间】：2020-07-19 12:13:41

【问题描述】：

所以，我有这个多项选择 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>

【参考方案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;