javascript - このコードを変更して、代わりに JavaScript 関数をコーディングするにはどうすればよいですか?

Question

このコードを変更して、body タグの onload イベント ハンドラから呼び出される JavaScript 関数を代わりにコーディングするにはどうすればよいですか。関数は、新しい「オプション」要素を作成し、適切に構成し、select 要素に追加するために、dom のメソッドを使用する必要がありますか?

<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>

関数は、新しい「オプション」要素を作成し、適切に構成し、select 要素に追加するために、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);
}