簡體   English   中英

在Firefox中而不是IE上運行的Javascript,為什么?

[英]Javascript that works in Firefox and not IE…why?

我已經四處搜尋,試圖找出答案,但似乎無法做到。 我的JavaScript代碼可以在Firefox中使用,但不能在IE8中使用。 有什么想法嗎?

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>

謝謝!

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

注意:值“ inline-table”,“ table”,“ table-caption”,“ table-cell”,“ table-column”,“ table-column-group”,“ table-row”,“ table-row” -group”和“繼承”在IE7及更早版本中不受支持。 IE8需要!DOCTYPE。 IE9支持這些值。

試試這個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);" >

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM