插入列表框的文本移到底部而不是顶部

Question

我正在使用 javascript 将输入文本中的值添加到列表框 (select)。出于某种原因，插入的文本值位于底部而不是顶部。我怎样才能让它从顶部开始？下面是我正在使用的代码；

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 标记：

<input id="txtValue" type="text" />
<input id="btnAdd" type="button" value="Add" onclick="addValue();" />
<input id="btnRemove" type="button" value="Remove" onclick="deleteValue();" />
<br />
<select id="lstValues" multiple="multiple" style="width: 140px; height: 100px">
    <option value="empty"></option>
</select>

Answer 1

尝试更改此行

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

和

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

Fiddle

插入列表框的文本移到底部而不是顶部

Text Inserted into Listbox goes to the Bottom Instead of the Top

html

javascript

listbox