javascript - 如何根据其他字段显示/隐藏列字段 - SharePoint

Question

我在 SharePoint 中有一个包含多列的表，并且经常向该表中添加新记录。其中最困难的部分是，有很多列使其变得困难并导致困惑。

在下面的代码中，我隐藏了所有列，并根据下拉列表中的选择，字段将显示为关键字段。此测试下拉列表包含国家/地区、水果、动物和颜色 它只给了我两个显示和隐藏选项，但我想对多个字段执行相同的过程。我不知道该怎么做。如果您能指导我如何做，我将非常感谢您的帮助。

谢谢

<script src="/SiteAssets/jquery-3.3.1.js"></script>
<script src="/SiteAssets/sputility.js "></script>

<script>
 $(document).ready(function () 
{ // Get a the choice field 
var choiceField = SPUtility.GetSPField('Selection');

// Hide the target fields in form load

SPUtility.HideSPField('Country');
SPUtility.HideSPField('Fruit');
SPUtility.HideSPField('Animal');
SPUtility.HideSPField('Colour');

// create a function to show or hide a field based on the selected choice Field value 

var ShowHideField = function() { 
var selectedFieldValue = choiceField.GetValue(); 

if (selectedFieldValue != 'Country') {
SPUtility.ShowSPField('Country'); 
SPUtility.ShowSPField('Animal');} 

else if (selectedFieldValue != 'Fruit') {
SPUtility.ShowSPField('Fruit'); 
SPUtility.ShowSPField('Country');
SPUtility.ShowSPField('Animal');}

}; 


$(choiceField.Dropdown).on ('change', ShowHideField); });
</script>

<小时/>

@LZ_MSFT 感谢您的帮助，很抱歉误导您。

我实际上想根据下拉列表中的特定选择显示多个字段。

假设，如上面的脚本所示，当我在下拉列表中选择国家时，国家和动物字段都应该出现，或者当我在下拉列表中选择水果时，国家和动物字段都应该出现。在上面的脚本中，它运行得很好。但是，我想对 2 个以上的案例应用相同的流程。比如，我想选择颜色并仅显示动物和水果，但我不确定在使用 If else 语句后如何应用它。

如果您能告诉我，我将非常感谢您的帮助。

谢谢

Answer 1

以下代码供您引用:

<script src="//code.jquery.com/jquery-1.12.4.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
    var fields=["Country","Fruit","Animal","Colour"];
    hideFields(fields);
    $("select[title='Selection']").change(function(){
        $(".ms-standardheader nobr:contains('"+$(this).val()+"')").closest("tr").show();
    });
});
function hideFields(fields){
    for(var i=0;i<fields.length;i++){
        $(".ms-standardheader nobr:contains('"+fields[i]+"')").closest("tr").hide();
    }
}
</script>

如果代码不能满足您的要求，我建议您提供更多信息以供进一步研究。