Select para preencher outro

Bom dia, preciso de uma ajuda aqui.

	Tenho este select que funciona bacana nestes parametros, porém, preciso montar ele com dados que venha do bd.

	 

	como eu faria?

	 

	Javascript

var sel1 = document.querySelector('#sel1');var sel2 = document.querySelector('#sel2');var options2 = sel2.querySelectorAll('option');function giveSelection(selValue) { sel2.innerHTML = ''; for(var i = 0; i < options2.length; i++) { if(options2[i].dataset.option === selValue) { sel2.appendChild(options2[i]); } }}giveSelection(sel1.value);

	php

<select id="sel1" onchange="giveSelection(this.value)"> <option value="a">a</option> <option value="b">b</option></select><select id="sel2"> <option data-option="a">apple</option> <option data-option="a">airplane</option> <option data-option="b">banana</option> <option data-option="b">book</option></select>