JavaScript：使用IE合規性傳輸DDL's

Question

如何使用另一個ddl填充ddl，並且符合Internet Explorer，同時仍然可以穿過選項陣列來設置所選選項？

/******************************************************************************* 
* Function: func_copy_all 
* Created By: A. Fulton 
* Created Date: 3/8/2013 
* For Release or Issue: RSP5.02 
* Modified Date: 
* Purpose: Populate city ddls and selecteds. 
*******************************************************************************/ 
function func_copy_all() 
{ 

    var ln_start_location = ((Number(document.getElementById('page_index').value) - 1) * Number(document.getElementById('page_size').value)) +1; 
    for(i = ln_start_location; i < (ln_total_rows + 1); i++){ 
    //load the current city ddl with options 
    var lo_city = document.getElementById('city_'+i); 
    var lo_temp_city = document.getElementById('temp_city_selection'); 
     /*For IE*/ 
     var node = document.getElementById('city_cell_' + i); 
     var lo_cell = document.createElement("TD"); 
     var lo_textNode = document.createTextNode(lo_temp_city); 
     lo_cell.appendChild(lo_textNode); 
     node.appendChild(lo_cell); 

    //Believe innterHTML inside a div might be a problem for IE 
    //lo_city.innerHTML = lo_temp_city.innerHTML; 

    //option value that needes to be selected 
    var ls_selected_city = document.getElementById('city2_'+i).value; 
    //Get the length of the ddl 
    var optCount = lo_temp_city.options.length; 
    //Traverse the array to get the index and set it to the city to selected 
    for(var ln_j = 0; ln_j < optCount; ln_j++){ 
     if(lo_temp_city.options[ln_j].value == ls_selected_city){ 
     //set selected and break 
     lo_city.options[ln_j].selected = "true"; 
     //break 
     ln_j = optCount + 1; 
     } 
    } 
    } 
} 

如果我使用innerHTML的，但不使用IE瀏覽器，我可以使用firefox正常工作嗎？如果我避免了innerHTML，我有一個文本節點，我無法遍歷來設置選定的值。

Answer 1

/******************************************************************************* 
* Function: func_copy_all 
* Created By: A. Fulton 
* Created Date: 3/8/2013 
* For Release or Issue: RSP5.02 
* Modified Date: 
* Purpose: Populate city ddls and selecteds. 
*******************************************************************************/ 
function func_copy_all() 
{ 
    var ln_start_location = ((Number(document.getElementById('page_index').value) - 1) * Number(document.getElementById('page_size').value)) +1; 
    var lo_node; 
    for(var i = ln_start_location; i < (ln_total_rows + 1); i++){ 
    var lo_temp_city = document.getElementById('temp_city_selection').cloneNode(true); 
    /*For IE*/ 
    lo_node = document.getElementById('city_cell_' + i); 
    lo_temp_city.setAttribute("id", 'city_' + i); 
    lo_temp_city.setAttribute("jselected", 'city_' + i); 
    lo_temp_city.setAttribute("name", 'city_' + i); 

    //option value that needes to be selected 
    var ls_selected_city = document.getElementById('city2_'+i).value; 

    //Get the length of the ddl 
    var optCount = lo_temp_city.options.length; 

    //Traverse the array to get the index and set it to the city to selected 
    for(var ln_j = 0; ln_j < optCount; ln_j++){ 
     if(lo_temp_city.options[ln_j].value == ls_selected_city){ 
     //set selected and break 
     lo_temp_city.options[ln_j].selected = "true"; 
     //break 
     ln_j = optCount + 1; 
     } 
    } 
    //Add temp city to the city cell 
    lo_node.appendChild(lo_temp_city); 
    } 
} 

這適用於Firefox和IE8。