使用jQuery处理更改sharepoint中的多选选项字段

Handle Change of Multiselect choice field in SharePointusing jQuery

本文关键字：选项 字段 sharepoint jQuery 处理 使用      更新时间：2023-09-26

我正在测试使用SPUtility和jQuery来动态隐藏SharePoint 2013表单上的字段。在这里可以找到我重新创建的演示解决方案。我试图修改它，以触发一个选择字段的变化，允许多个选择(复选框)。原来的例子是像这样触发对选择字段(下拉)的更改…

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

I have try doing this…

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

无效。我怀疑它比我想象的要复杂。

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

相关文章：