show/hide tr 在 Sharepoint 中列表的下拉选择

Question

我现在在 newform 的 Sharepoint 中创建了一个列表，当我单击下拉值时，我试图交替隐藏和显示 3 tr。例如：我在下拉列表 A、B、C 中有 3 个选项，我的 tr 有 ids(A、B、C) 单击 A 只有 A 在那里当 B 只有 B 在那里并且当 C 只有 C 在那里时。同样的编辑表单如何实现？

Answer 1

之前线程的示例测试脚本（我不记得 link），您可以根据您的字段定义更新脚本。

SPUtility.js

<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="/siteassets/sputility.js" type="text/javascript"></script>
    <script language="javascript" type="text/javascript">
        $(function () {
            var employeetype = SPUtility.GetSPField('Employee Type');
            var showOrHideField = function () {
                var employeeValue = employeetype.GetValue();
                if (employeeValue == 'Existing Employee') {
                    SPUtility.GetSPField('Employee Name').Show();
                    SPUtility.GetSPField('Employee ID').Show();
                    SPUtility.GetSPField('Candidate Name').Hide();
                }
                else {
                    SPUtility.GetSPField('Employee Name').Hide();
                    SPUtility.GetSPField('Employee ID').Hide();
                    SPUtility.GetSPField('Candidate Name').Show();
                }
            }

            // run at startup (for edit form)
            showOrHideField();
            // make sure if the user changes the value we handle it
            $(employeetype.Dropdown).on('change', showOrHideField);
        });

show/hide tr 在 Sharepoint 中列表的下拉选择

show/hide tr on dropdown selection for a list in sharepoint

sharepoint

sharepoint-2013