[英]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.