select2はラベルテキストを更新していませんが、値が変更されています

Question

select2 v4.0.3とJQueryを使用しています。 私のように私のセレクタを初期化します。その後、私は#datatype上の変化を検出し、次のように私は#unitの値を変更したい

$("#datatype").select2({ 
     theme: "classic" 
     }); 

$("#unit").select2({ 
     theme: "classic" 
     }); 

：

$("#datatype").on('select2:select',function() { 
    $("#unit").val('21'); //udpate unit type to be 'none' 
    }); 

問題があること#unitの値であり、 21に設定されていますが、そのセレクタの表示されているラベルは更新されていません。助言がありますか ？

select2がイベントを認識していないか、変更を監視するために正しくセットアップされていないようです。私は解決策が何であるか分かりません。私はウェブ技術に新しいです。

Answer 1

Selectセレクトのドキュメントを掘りした後、任意の.val()アップデートは、だから私の場合、コードはこれはSELECT2バージョンの唯一の真実であることを

$("#datatype").on('select2:select',function() { 
    $('#unit').val('21'); // Select the option with a value of '21' 
    $('#unit').trigger('change'); // Notify any JS components that the value changed 
}); 

ノートのようになります。$('#unit').trigger('change');

続いする必要があります4以上。

指定しなくても値を変更するための直接呼び出しができるので、バージョン4にアップグレードすることをおすすめします。