要隐藏基于文本

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"; 
    } 
}