javascript - 根据共享点新项目中的下拉选择隐藏字段

Question

我是 Sharepoint 新手。

我已经创建了一个列表。在新项目窗口中，我想根据下拉选择值显示或隐藏字段。我知道可以使用 jquery 来完成，如下面的链接所示。但我不知道在哪里放置代码。

https://sharepoint.stackexchange.com/questions/88064/hide-show-field-on-list-form-based-on-value-from-another-field

谢谢

Answer 1

步骤:

• 下载 SPUtility.js .
• 将下载的文件 (SPUtility.js) 上传到 SharePoint 网站中的适当位置，例如“样式库”。
• 打开您的列表 > 从上面的功能区 > 在“自定义列表”部分 > 点击“表单 Web 部件” > 选择“默认新表单”。
• 在新表单中添加脚本编辑器。
• 编辑代码段 > 添加以下代码。

代码

<script>
 $(document).ready(function () 
{ // Get a the choice field 
var choiceField = SPUtility.GetSPField('Job Title');
// Hide the target fields in form load
SPUtility.GetSPField('Other Title').Hide();
// create a function to show or hide a field based on the selected choice Field value 
var ShowHideField = function() { 
var selectedFieldValue = choiceField.GetValue(); 
// Hide the 'Other Title' field if the selected value is 'Other' 
if(selectedFieldValue != 'Other') { 
SPUtility.GetSPField('Other Title').Hide(); } 
else { SPUtility.GetSPField('Other Title').Show(); } }; 
// attach the function to choice field 
$(choiceField.Dropdown).on('change', ShowHideField); });
</script>

[输出]

Note: Replace the Job Title with your choice field name and Other Title with your field that you need to show or hide based on the choice field selection.

更多详情请查看

• 用于编辑/显示表单 Show / Hide fields based on a drop-down field using SPUtility.js

• Show / Hide fields based on choice field selection using JQuery in SharePoint