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

我正在使用SPUtility和jQuery来动态地隐藏SharePoint 2013表单上的字段。我已经重新创建了示范解决方案here。我试图修改它来触发一个允许多选的选择字段（复选框）的更改。该原始例子是触发关闭改变一个选择字段（dropdopwn）这样的......使用jQuery处理SharePoint中多选选择字段的更改

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

我曾尝试这样做...

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

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

来源

2016-10-31 Trey Nuckolls

我不使用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，它会显示的选择;

来源

2016-10-31 19:17:41

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

回答

相关问题