javascript - ブートストラップ selectpicker onchange が複数回起動する

Question

私が抱えている問題は、ブートストラップ選択ピッカーの変更イベントがあまりにも多く発生していることです。

次のようなsmartyを使用した選択オプションがあります。

<select class="selectpicker" id="ves">
    {foreach $ves as $vt}
        <option value="{$vt['v_id']}">{$vt['v_name']}</option>
    {/foreach}
</select>

smarty からの出力は次のようになります。

<select class="selectpicker" id="ves">
    <option value="1">Hello</option>
    <option value="2">World</option>
</select>

次に、次の JavaScript を呼び出します。

$(document).ready(function(){
    $('#ves').on('change', function(){
       console.log('click');
       console.log($(this).val());
    });
});

最初の選択時の出力:

クリック
2

2番目の選択時の出力：

1クリック
1
クリック

3 番目の選択時の出力:

クリック
2
クリック
2
クリック
2

ご覧のとおり、それは一種の蓄積であり、その理由はわかりません。何か案は？