0

私はこれを理解しようとしていたるところを検索しましたが、うまくいかないようです。私の JavaScript コードは Firefox では機能しますが、IE8 では機能しません。理由はありますか？

文書タイプ:

 <!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>

ありがとう！

4

2 に答える 2

1

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」および「inherit」は、IE7以前ではサポートされていません。IE8には！DOCTYPEが必要です。IE9は値をサポートしています。

于 2012-05-24T20:36:49.750 に答える
0

このデモをお試しください;

<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);" >
于 2012-05-24T20:37:40.060 に答える