javascript - 使用 jQuery 处理 SharePoint 中多选选择字段的更改

Question

我正在测试使用 SPUtility 和 jQuery 动态隐藏 SharePoint 2013 表单上的字段。我重新创建的演示解决方案位于 here 。我正在尝试修改它以触发选择字段的更改，从而允许多个选择(复选框)。最初的示例是触发对选择字段(dropdopwn)的更改，如下所示......

$(countryField.Dropdown).on('change', showOrHideField);

我尝试过这样做...

$(country2Field.Checkbox).on('change', showOrHideField);

无济于事。我怀疑它比我希望的更复杂。

Answer 1

我不使用 SPUtility，但您可以使用 jQuery 做同样的事情，希望它对您有用:

您可以将您的选择选项包装在 div 中，例如:

<div id="choicesPanel">
</div>

并且默认应用CSS display:none

<div id="choicesPanel" style="display:none">
    /*your choices elements*/
</div>

现在您的选择选项默认隐藏；

然后，您可以添加代码:

$(document).on('change', "#youDropdownId", function (){
     if($("#youDropdownId").val() == "DesiredOption"){
          $("#choicesPanel").show();
     }else{
          $("#choicesPanel").hide();
     }
});

或

$(document).on('change', "#youDropdownId", function (){
         if($("#youDropdownId").val() == "DesiredOption"){
              $("#choicesPanel").css("display", "block");
         }else{
              $("#choicesPanel").css("display", "none");  
         }
    });

因此，如果下拉列表发生更改并且所选值是您的 DesiredOption，它将显示选项；