javascript - 如何更改此代码以代替编写 javascript 函数？

Question

如何更改此代码以改为编写从 body 标记的 onload 事件处理程序调用的 javascript 函数。该函数应该使用 dom 的方法来创建新的“选项”元素、正确配置和附加到 select 元素？

<select id="listname" onchange="showEmployee(this.value)">
<option value="choose" selected>choose employee</option>

Answer 1

编写从 body 标签的 onload 事件处理程序调用的 javascript 函数

<script>
window.onload = function() {
    // code here
}
</script>

该函数应该使用 dom 的方法来创建新的“选项”元素、正确配置和附加到选择元素

var opt = new Option("option text", "val");
document.getElementById("listname").appendChild(opt);
// or in html5: document.getElementById("listname").add(opt);

现在你所要做的就是把两者放在一起。

Answer 2

function addOption(selectTagId) {
    var select = document.getElementById(selectTagId);

    var option = document.createElement("option");        
    option.value = "choose";
    option.appendChild(document.createTextNode("choose employee"));

    select.appendChild(option);
}