基于文本隐藏面板

To hide the panel based on text

本文关键字：隐藏 文本 于文本      更新时间：2023-09-26

下面提到的脚本工作正常(1)，但如果我设置了elseif条件它不工作(2)

如何使用elseif condition 步骤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";
            }
     }

因为这里的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";
}

您的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";
    }
}
相关文章：