2012-05-24 40 views
0

我已經遍尋搜索,試圖找出這一個,但似乎無法。我的JavaScript代碼適用於Firefox,但不適用於IE8。任何想法爲什麼?Javascript在Firefox中運行,而不是IE ...爲什麼?

DOCTYPE:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

的Javascript:

<script language="javascript"> 
function toggle() { 
    document.getElementById('togglefield').style.display = "table-row"; 
    var offertype = document.getElementById('offertype1fsa').value; 
    if (offertype === "SIF" || offertype === "") { 
     document.getElementById('togglefield').style.display = "table-row"; 
    } 
    else { 
     document.getElementById('togglefield').style.display = "none"; 
    } 
} 
</script> 

HTML:

<table> 
    <tr> 
     <td class="label" align="right"> 
      Offer Type 
     </td> 
     <td class="field" align="left"> 
     <select name="offertype1fsa" class="select" id="offertype1fsa" onchange="toggle();" > 
     <option value=""></option> 
     <option value="PIF">PIF</option> 
     <option value="SIF">SIF</option> 
     </select>    
     </td> 
    </tr> 

    <tr id="togglefield"> 
     <td class="label" align="right"> 
      Amount (if SIF) 
     </td> 
     <td class="field" align="left"> 
      <input type="text" name="sifamt1fsa" id="sifamt1fsa" /> 
     </td> 
    </tr> 
</table> 

謝謝!

+1

和ie的版本是...? – Jashwant

回答

0

試試這個DEMO;

<script language="javascript"> 
function toggle(elem) { 
    var offertype = elem.value; 
    document.getElementById('togglefield').style.display = 
     (offertype === "SIF" || offertype === "")? "":"none"; 
} 
</script> 
. 
. 
. 

     <select name="offertype1fsa" class="select" id="offertype1fsa" onchange="toggle(this);" > 
+0

我給它一個鏡頭,但它沒有奏效... – Natron

+0

在IE8中爲我工作而不關注DOCTYPE - 請參閱[DEMO](http://jsfiddle.net/Z3Pne /) – mplungjan

+0

謝謝 - 我從IE8升級到IE9並使用你的腳本。完全按照預期工作。 – Natron

1

http://www.w3schools.com/cssref/pr_class_display.asp

注意:值「直列表」,「表」,「表字幕」,「表單元格」,「表列」,「表列的基團」 ,「錶行」,「錶行組」和「繼承」在IE7及更早版本中不受支持。 IE8需要!DOCTYPE。 IE9支持這些值。

+0

http://w3fools.com/值得一讀 – mplungjan

+0

@mplungjan http://www.webdevout.net/browser-support-css#support-css2propsbasic-display http://www.quirksmode.org/css/display .html – ahoff

+0

@hart感謝您的信息 - 我不知道。但是,我使用的是IE8並已具有以下文檔類型聲明:<!DOCTYPE html PUBLIC「 - // W3C // DTD XHTML 1.0 Transitional // EN」「http://www.w3.org/TR/xhtml1/DTD /xhtml1-transitional.dtd「> – Natron

相關問題