JavaScript選擇框掛在第二個選擇IE7

我有一個下拉選擇框內的div。當用戶點擊更改時，下拉框出現在更改/提交按鈕旁邊，用戶進行選擇，然後更新數據庫，出現選擇而不是下拉菜單。在IE8和Firefox中所有的工作都很好，但是在IE7中它允許一個選擇（有幾個相同的下拉列表），但是第二次選擇被掛起時，請等待。這是相關代碼JavaScript選擇框掛在第二個選擇IE7

<td width=200> 

<input type="button" onclick="startChanging(this)" value="Change" /></td> 

<script type="text/javascript"> 
var selectBox, isEditing = false; 
var recordvalue; 
if(window.XMLHttpRequest) { 
    recordvalue = new XMLHttpRequest(); 
} else if(window.ActiveXObject) { 
    try { 
     recordvalue = new ActiveXObject('Microsoft.XMLHTTP'); 
    } catch(e) {} 
} 
window.onload = function() { 
    selectBox = document.getElementById('changer'); 
    selectBox.id = ''; 
    selectBox.parentNode.removeChild(selectBox); 

}; 
function startChanging(whatButton) { 
    if(isEditing && isEditing != whatButton) { return; } //no editing of other entries 
    if(isEditing == whatButton) { changeSelect(whatButton); return; } //this time, act as "submit" 
    isEditing = whatButton; 
    whatButton.value = 'Submit'; 
    var theRow = whatButton.parentNode.parentNode; 
    var stateCell = theRow.cells[3]; //the cell that says "present" 
    stateCell.className = 'editing'; //so you can use CSS to remove the background colour 
    stateCell.replaceChild(selectBox,stateCell.firstChild); //PRESENT is replaced with the select input 
    selectBox.selectedIndex = 0; 
} 
function changeSelect(whatButton) { 
    isEditing = true; //don't allow it to be clicked until submission is complete 
    whatButton.value = 'Change'; 
    var stateCell = selectBox.parentNode; 
    var theRow = stateCell.parentNode; 
    var editid = theRow.cells[0].firstChild.firstChild.nodeValue; //text inside the first cell 
    var value = selectBox.firstChild.options[selectBox.firstChild.selectedIndex].value; //the option they chose 

    selectBox.parentNode.replaceChild(document.createTextNode('Please wait...'),selectBox); 
    if(!recordvalue) { 
     //allow fallback to basic HTTP 
     location.href = 'getupdate.php?id='+editid+'&newvalue='+value; 
    } else { 
     recordvalue.onreadystatechange = function() { 
      if(recordvalue.readyState != 4) { return; } 
      if(recordvalue.status >= 300) { alert('An error occurred when trying to update'); } 
      isEditing = false; 
      newState = recordvalue.responseText.split("|"); 
      stateCell.className = newState[0]; 
      stateCell.firstChild.nodeValue = newState[1] || 'Server response was not correct'; 
     }; 
     recordvalue.open('GET', "getupdate.php?id="+editid+"&newvalue="+value, true); 
     recordvalue.send(null); 
    } 
} 
</script>

如果任何人有爲什麼發生這種情況，我會非常感激

來源

2010-04-27 bsandrabr

OK設法解決它的任何想法。我將recordvalue.open行移到了te last last循環的底部附近，它在所有瀏覽器中都能正常工作，不要問我爲什麼。

來源

2010-04-29 14:22:54 bsandrabr

JavaScript選擇框掛在第二個選擇IE7

回答

相關問題