Select2でプログラム的にタグを削除する

はじめに

以前「Select2でプログラム的にタグを設定する」というネタをやったが、今回はその削除版。

環境

• Select2 4.0.X

方法

全てのタグを削除するには、以下のように、設定されている全てのタグのidを取得し、それらに対してunselectイベントを設定すればよい。

function remove_data(){
    const selections = $("js-example-basic-multiple1").select2('data').map((element) => element.id);
	for(var i =0; i<selections.length;i++){
		$("." + id).select2("trigger", "unselect", {data: { id: selections[i] } });					
	}
}		

また、特定のタグのみを消したい場合、タグに対応するidに対してのみunselectイベントを設定すればよい。