簡體   English   中英

Firefox / IE IIS 6不支持隱藏Javascript / HTML中的標簽

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

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