2013-10-05 157 views
0

我該如何改變這段代碼來代替從body標籤的onload事件處理函數調用的javascript函數。函數應該使用dom的方法來創建新的「選項」元素,正確配置並附加到select元素?我該如何修改這段代碼來代替javascript函數?

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

<選擇ID = 「LISTNAME」 平變化= 「showEmployee(THIS.VALUE)」> \t \t \t \t \t <選項值= 「選擇」 選擇>選擇僱員 –

+0

它是確定使用jQuery?或者你只需​​要Javascript? – Chetane

回答

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

^將addOption設置爲正文的onload事件處理程序。 –

1

代碼是從身體標記

<script> 
window.onload = function() { 
    // code here 
} 
</script> 
的onload事件處理程序調用JavaScript函數

的功能應該使用DOM的創建方法新的「選項」元素,正確配置,並附加到選擇元素

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

現在你所要做的就是放在一起。

相關問題