SharePoint中实现页面加载与值变更时jQuery联动显隐日期字段

调整后完整代码 #

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://**MASKED**"></script>
<script>
$(document).ready(function () { 
    // 获取选择字段对象
    var choiceField = SPUtility.GetSPField('PrimaryField');
    // 显隐逻辑封装
    var ShowHideField = function() { 
        var selectedFieldValue = choiceField.GetValue(); 
        // 匹配需求：选择Yes时隐藏日期字段，选择No时显示
        if(selectedFieldValue == 'Yes') { 
            SPUtility.GetSPField('Date Field').Hide(); 
        } else { 
            SPUtility.GetSPField('Date Field').Show(); 
        } 
    }; 
    // 绑定选择字段变更事件
    $(choiceField.Dropdown).on('change', ShowHideField);
    // 页面加载完成后主动执行一次显隐判断，适配初始值
    ShowHideField();
});
</script>

关键修改说明 #

• 移除了原有代码中页面加载直接强制隐藏日期字段的逻辑，避免覆盖初始值判断结果
• 修正了显隐判断条件，与需求匹配：选择值为Yes时隐藏日期字段，值为No时显示
• 在变更事件绑定完成后主动调用一次显隐函数，无需额外绑定load事件，即可实现页面加载时根据初始值自动控制显隐，同时保留后续变更的联动逻辑

内容的提问来源于stack exchange，提问作者user16960345