Pass Array to Select List

passing arrays to drop down controlled by dynamic radio options.

by carving pixel

HTML

<div id="">
    <form name="frmRadio" id="radio-buttons" action="">
        <input type="radio" id="radio-kits" name="option" onclick="change(this)">Kits  
        <input type="radio" id="radio-starLabs" name="option" onclick="change(this)">StarLabs
        &nbsp;&nbsp;
        <select id="selectList">
        <option id="button"></option>
        </select>    
    </form>  
</div>


<script>
var kits = ["Lego WeDo", "Force & Motion", "Bernoulli's Lift"];
var starLabs = ["Constellations", "Starfields", "Moon"];
    
function change(radio) {        
        if (radio.checked && radio.id === "radio-kits") {        
          //document.getElementById("button").innerHTML = kits[1];               
          for( var i=0; i < kits.length; i++ ) {
    			document.getElementById("button").innerHTML = kits[i];
          //document.getElementById(lol[x]).value;
					}             
        } else {
         //document.getElementById("button").innerHTML = "StarLabs Lists"
          for( var i=0; i < starLabs.length; i++ ) {
    			document.getElementById("button").innerHTML = starLabs[i];
					}            
        }
}
</script>