Bootstrap4 メニュー作成関数

メモ用

あれ？うまく動かないや？
なぜだ…、ま、いっか。

index.html

<script>
    ceate_menu("#get_dept_id", dept_id, 10, {arrKySrt:dept_srt});   
</script>

<div class="btn-group">
    <button class="btn dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        お菓子メーカ一覧
    </button>
    <div id="sel_dept" class="dropdown-menu"></div>
</div>

javascript.js

/*
Bootstrap4 メニュー作成関数
tarSel: Bt4 対象のメニューのセレクタ
arrKyVal: {key:val,key:val,} 
actId: アクティブなID
obj:{
	arrKySrt: {1:KeyX,2:KeyY,} keyがソート順 ValがarrKyValのKeyにあたる（dept_id）
}
*/
function ceate_menu(tarSel,arrKyVal,actId,obj){
	let snippet = "";
	//console.log([tarSel,arrKyVal,actId,obj]);
	for(var i in obj.arrKySrt){

		if(arrKyVal[obj.arrKySrt[i] ]===undefined){
			snippet +=	'<div class="dropdown-divider"></div>\n';
		}else{
			snippet += 	'<button type="button" class="dropdown-item '+ (actId==obj.arrKySrt[i]?"active":"") +'" type="button" value="'
				+ 	obj.arrKySrt[i]+'">'+arrKyVal[obj.arrKySrt[i] ]+'</button>\n';
		}
	}
	$(tarSel+" .dropdown-menu").append(snippet);
}


const dept_id={
	8  :"グリコ",
	7  :"ブルボン",
	9  :"ロッテ",
	11 :"カルビ"
}
const dept_srt={
	1: 11, 
	2: 8, 
	3: 7, 
	4: 0, 
	5: 9
}