Popolare select da array

[ffw]

Giorno a tutti.
Mi sto imbattendo in un grosso problema (per me) con javascript.
Sto tentando di popolare un <select id='brand_model'> in base alla scelta di un altro id='brand'
Praticamente mi genera un array, ma non si popola

Il mio array
codice:
{
"Acer":[
{"ID":"4","Name":"Lorem iosum"}
],
"Alcatel":[
{"ID":"5","Name":"Lorem iosum"}
],
"Apple":[
{"ID":"2","Name":"Iphone 5"},
{"ID":"12","Name":"Iphone 6"},
{"ID":"13","Name":"Iphone 7"},
{"ID":"14","Name":"Iphone 6 Plus"},
{"ID":"15","Name":"Iphone 6S"},
{"ID":"16","Name":"Iphone 6s Plus"}
],
"dasda":[
{"ID":"6","Name":"Qualcosa"}
],
"Samsung":[
{"ID":"1","Name":"Galaxy S10 Plus"},
{"ID":"8","Name":"Galaxy S10"},
{"ID":"9","Name":"Galaxy S10 Lite"},
{"ID":"10","Name":"Galaxy S7 Edge"},
{"ID":"11","Name":"Galaxy S8 plus"}
],
"Test":[
{"ID":"7","Name":"Model"}
],
"Xiaomi":[
{"ID":"3","Name":"Lorem iosum"}
]
};


Lo script che dovrebbe popolare le opzioni

<script type='text/javascript'>
function brand_choose(sel) {
	var brd = sel.options[sel.selectedIndex].text;
	var arr = <?= json_encode($brands) ?>;
	var options = arr[brd];
	document.getElementById("danni").value =  options[0]["ID"] + " - " + options[0]["Name"];


	var dropdown = document.getElementById("brand_model");
	if (dropdown) {
		for (var i=0; i < options.length;++i){    
			addOption(dropdown, options[i]["Name"], options[i]["ID"]);
		}
	}


	addOption = function(selectbox, text, value) {
		var optn = document.createElement("OPTION");
		optn.text = text;
		optn.value = value;
		selectbox.options.add(optn);  
	}
	
	
}


</script>