Question

如何更改此代码而不是编码从body标签的onload事件处理程序调用的javascript函数。该函数应该使用dom的方法来创建新的＆＃34;选项＆＃34;元素，正确配置和附加到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的方法来创建新的“选项”元素，正确配置并附加到select元素

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);
}

如何将此代码更改为代码编写javascript函数？

2 个答案: