Javascript 基于Sharepoint列表值隐藏Web部件

我正在寻找JavaScript来根据显示表单中的字段值隐藏Web部件

场景：我添加了两个Web部件以显示来自不同列表的表单，我需要根据Web部件1的值隐藏Web部件2

---

示例：Webpart 1的状态为“已批准”，如果不等于“已批准”，则需要隐藏Webpart 2。

有几种方法可以实现这一点，具体取决于您正在做什么。你还没有给我们提供很多信息

JavaScript本身就可以完成您想要的任务，非常简单。你可以这样做：

$(document).ready(function () {
    $("#theButton").click(function () {
        var txtInput = $("#txtInput").val();
        if (txtInput == "Approved") {
            $("#two").show();
        } else {
            $("#two").hide();
        }
    });
});

在行动中看到它：

您可以在document.ready上运行它，而不是将其设置为单击功能

另一种方法是使用连接的web部件。你可以在这里读到：

---

连接的web部件允许一个web部件向另一个web部件传递一个值，这可能意味着第一个web部件可以告诉第二个web部件是否显示。

这两个web部件都是您创建（并可以控制）的自定义web部件，还是OOTB/第三方？都是以web部件1的显示形式创建和添加的自定义web部件。