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，它将显示选项;

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

1 个答案: