要隱藏基於文本

Question

下面提到的腳本正常工作面板（1），但如果我把elseif的條件的它不工作（2）

如何使用ELSEIF條件

步驟1

function cl_Indexchange(sender, eventArgs) { 
     var pnl = document.getElementById("pnlSchedule"); 
     var item = eventArgs.get_item(); 
     if (item.get_text() == "Call Back Later (CBL)") { 
      pnl.style.display = "block"; 
     } else 

     { 
      pnl.style.display = "none"; 
     } 
    } 

步驟2

function cl_Indexchange(sender, eventArgs) { 
      var pnl = document.getElementById("pnlSchedule"); 
      var item = eventArgs.get_item(); 
      if (item.get_text() == "Call Back Later (CBL)") { 
       pnl.style.display = "block"; 
      } else 
       (item.get_text() == "Call Back After Explanation (CBE)") { 
        pnl.style.display = "block"; 
      } 
      elseif 
       (item.get_text() == "Call Back After Explanation (CBE)") { 
        pnl.style.display = "block"; 
      }elseif 
      { 
       pnl.style.display = "none"; 
      } 
    } 

Answer 1

因爲你沒有正確的結構if-else在這裏。 else總是會爲最後的語句if和else if之間會來，你需要提供空間else和if如下之間：

if (item.get_text() == "Call Back Later (CBL)") { 
    pnl.style.display = "block"; 
} 
else if(item.get_text() == "Call Back After Explanation (CBE)") { 
    pnl.style.display = "block"; 
} 
else 
{ 
    pnl.style.display = "none"; 
} 

此外，由於它同樣的事情，你可以合併else if部分可以有單if和else聲明：

if (item.get_text() == "Call Back Later (CBL)" || item.get_text() == "Call Back After Explanation (CBE)") { 
    pnl.style.display = "block"; 
} 
else 
{ 
    pnl.style.display = "none"; 
} 

Answer 2

你if-else結構是不妥當的。試試這個

function cl_Indexchange(sender, eventArgs) { 
    var pnl = document.getElementById("pnlSchedule"); 
    var item = eventArgs.get_item(); 
    if (item.get_text() == "Call Back Later (CBL)") { 
     pnl.style.display = "block"; 
    } else if (item.get_text() == "Call Back After Explanation (CBE)") { 
     pnl.style.display = "block"; 
    } else { 
     pnl.style.display = "none"; 
    } 
}