使用javascript清除動態創建的組合框選項

Question

• 我有一個硬編碼選項的組合框。
• 我會加入剩餘的選項動態

組合框與硬編碼選項：

<select id="connectionname" class="connectionname" onchange="display();"><option>---Select---</option></select> 

的Javascript功能來動態創建組合框選項：

function showDbDlg(){ 
    var newar=new Array(); 
    try{ 
     var xhrArgs = { 
       url: "./ReadDBDetails", 
       content: {MODE:"DBNAMES"}, 
       handleAs: "text", 
       load: function(response) { 
        var dbNames = response.trim(); 
        dbNames=dbNames.substring(0,dbNames.length-1); 
        dbArray=dbNames.split(","); 
        /*var selectValue = document.getElementById("connectionname").value; 
        alert(selectValue);*/ 
        document.getElementById("connectionname").options.length = 0; 
        for(var i=0;i<dbArray.length;i++){ 
         var newValue = document.getElementById("connectionname").appendChild(document.createElement('option')); 
         newValue.text = dbArray[i]; 
        } 
        formDialog.show(); 
       }, 
       error: function(error) { 
        alert("An unexpected error occurred: " + error); 
       } 
     }; 
     var deferred = dojo.xhrPost(xhrArgs); 
    }catch(e){alert(e);} 

} 

• 之前創建動態選項，每次使用下面的行清除現有的選項。
• document.getElementById("connectionname").options.length = 0;
• 它也清除硬編碼選項。
• 我的需要是，我想清除動態創建的選項..不是硬編碼的。

Answer 1

你試過嗎？

document.getElementById("connectionname").options.length = 1;