Javascript 插入到列表框中的文本位于底部而不是顶部

我使用javascript将输入文本中的值添加到列表框选择中。由于某些原因，插入的文本值会位于底部而不是顶部。我怎样才能让它从上面开始呢？下面是我正在使用的代码

var i = 0;

function addValue() {
    var textValue = document.getElementById("txtValue");
    var v = textValue.value;
    AddOpt = new Option(v, v);
    document.getElementById("lstValues").options[i++] = AddOpt;
    v = "";
    return true;
}

Html标记：

试着换一行

document.getElementById("lstValues").options[i++] = AddOpt;

与

---

答对 了正是我需要的

document.getElementById("lstValues").add(AddOpt,0)