Javascript 如何将值列表放置在下拉列表中？？（必须使用DOMs，无jquery）

我试图将一个项目列表放到下拉框中，但收效甚微。我把我的物品列表标为MARKET，我有一个使用“select”元素的下拉框，我一直在尝试各种元素，比如.value、.option和.setAttribute，但我不知道如何使用它们来表达代码，如果还有其他元素我应该看的话，我当然想知道，以供将来参考，但目前我想知道如何更改代码，以便将项目列表放到下拉框中！！如果有任何帮助，请感谢

var lbldiv = document.createElement("div");
var mklbl = document.createElement("label");
mklbl.innerHTML = "Market ";

var mkslct = document.createElement("select"); //dropdown

lbldiv.appendChild(mklbl);
lbldiv.appendChild(mkslct);

document.body.appendChild(lbldiv);

var markets = ["UK", "USA", "China"]; //list of markets


var mkul = document.createElement("ul"); //formulated list
mkul.className = "mkul";
for(var i = 0; i < markets.length; ++i){
    var crtli = document.createElement("li");
    crtli.value = i;
    crtli.innerHTML = markets[i];
mkul.appendChild(crtli);
}
document.body.appendChild(mkul); 

var lbldiv=document.createElement（“div”）；
var mklbl=document.createElement（“标签”）；
mklbl.innerHTML=“市场”；
var mkslct=document.createElement（“选择”）//下拉列表
lbldiv.appendChild（mklbl）；
lbldiv.appendChild（mkslct）；
文件.正文.附件（lbldiv）；
var市场=[“英国”、“美国”、“中国”]//市场一览表
var mkul=document.createElement（“ul”）//制定清单
mkul.className=“mkul”；
对于（var i=0；i

函数填充DLB（）{
var selectEl=document.getElementById（“DropDownList Box”）；
var期权=[“A”、“B”、“C”、“D”]；
对于（变量i=0；i

function populateDDLB() {

var selectEl = document.getElementById("dropdownlistbox");
var options = ["A", "B", "C", "D"];
for (var i = 0; i < options.length; i++) {
    var opt = options[i];
    var el = document.createElement("option");
    el.textContent = opt;
    el.value = opt;
    selectEl.appendChild(el);

}

}

window.onload = populateDDLB;