[英]Firefox/IE IIS 6 Not Supporting Hiding Lables in Javascript/HTML
我有一些代碼可以在我的IIS 5.1開發盒上運行,但不能在我們的IIS 6生產服務器或Firefox中運行。 我希望找到一些能夠適應我們的生產服務器和Firefox的代碼。
這是發生了什么:
我有一個標簽,最初應顯示為隱藏。 我基本上使用這個標簽來隱藏整行。
<label for="lbCloseDate" id="lbCloseDate" style="display:none">
<tr>
<td bordercolor="#f0f0e4" bgcolor="#f0f0e4"><h3>Close Date</h3></td>
</tr>
</label>
然后,我根據組合框的值使用此javascript取消隱藏它:
function statusShowHide()
{
var cboStatus = document.getElementById('cboStatus');
var lbCloseDate = document.getElementById('lbCloseDate');
if cboStatus = 'Closed')
{
lbCloseDate.style.display = "";
}
}
基本上,Firefox和我們的prod服務器中發生的事情是標簽/行不會隱藏。 我沒有錯; 它不是像我想要的那樣被隱藏起來。
我不需要使用標簽來隱藏行......這只是我知道的唯一方式。 所以,如果更有利於實現同一目標,我會對此持開放態度。 謝謝!
你錯過了(這里也是==用於比較,單=用於分配。
if (cboStatus == 'Closed')
{
lbCloseDate.style.display = "";
}
進入這個街區了嗎? 如果是這樣,我建議改變.display =“”; to .display =“none”
你也可以給你的一個ID,並使用它來隱藏/顯示行而不是標簽。 將在句法上更正確。
編輯:
這是一個工作示例的小提琴: http : //jsfiddle.net/2FDPg/
這是基礎知識:
function showOrHideRow(){
var theRow = document.getElementById('closeRow');
var theDropDown = document.getElementById('ChangeMe');
var theVal = theDropDown.options[theDropDown.selectedIndex].value;
if(theVal == 'Closed'){
theRow.style.display = 'none';
}
else{
theRow.style.display = 'block';
}
}
和HTML:
<table>
<tr id="closeRow">
<td>Close Date:</td>
</tr>
<tr>
<td>another row</td>
</tr>
</table>
<select id="ChangeMe" onChange="showOrHideRow()">
<option value="">Change me</option>
<option value="Closed">Hide It</option>
<option value="Open">Don't Hide It</option>
</select>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.