SharePoint托管加载项：JavaScript更新Choice字段无可用API问询

嘿Duncan，我来帮你搞定这个困扰！你遇到的核心问题是没在JSOM的异步回调流程里正确操作字段，而且你尝试的那些旧方法（比如AddChoice）在现代SharePoint的JSOM版本里已经不再使用了，咱们换个正确的姿势来实现：

问题根源 #

你当前的代码只写了clientContext.load(fieldChoice)，但JSOM是异步的——你必须等待executeQueryAsync执行完成，才能真正拿到字段的属性并修改。直接在load之后调用那些方法，此时fieldChoice还没从服务器加载完成，自然找不到那些方法。

完整可运行代码 #

把你的代码替换成下面这段，就能顺利添加Choice选项了：

if (clientContext != undefined && clientContext != null) {
    const web = clientContext.get_web();
    const fieldTitle = "TQM Requesting:";
    const fieldChoice = clientContext.castTo(web.get_availableFields().getByTitle(fieldTitle), SP.FieldChoice);
    const TQMtoAdd = TQMToInsert.value;

    // 只加载我们需要的Choices属性，提升性能
    clientContext.load(fieldChoice, 'Choices');

    // 执行异步查询，从服务器拉取字段数据
    clientContext.executeQueryAsync(
        // 成功回调：在这里才能操作加载完成的字段
        () => {
            // 获取当前所有选项的数组
            const currentChoices = fieldChoice.get_choices();
            
            // 先检查选项是否已存在，避免重复添加
            if (!currentChoices.includes(TQMtoAdd)) {
                currentChoices.push(TQMtoAdd);
                // 更新选项数组
                fieldChoice.set_choices(currentChoices);
                // 标记字段需要更新
                fieldChoice.update();
                
                // 再次执行查询，把更改提交到服务器
                clientContext.executeQueryAsync(
                    () => console.log("选项「" + TQMtoAdd + "」添加成功！"),
                    (sender, args) => console.error("提交更新失败: " + args.get_message())
                );
            } else {
                console.log("选项「" + TQMtoAdd + "」已经存在啦！");
            }
        },
        // 加载字段失败的回调
        (sender, args) => console.error("加载字段失败: " + args.get_message())
    );
}

关键细节说明 #

• 异步回调的必要性：JSOM所有依赖服务器数据的操作都必须放在executeQueryAsync的成功回调里，因为服务器数据是异步返回的，提前操作会拿到未初始化的对象。
• 正确的属性操作方式：现代JSOM使用get_choices()获取选项数组，修改后用set_choices()设置回去，再调用update()标记字段更新，最后再次执行查询提交更改。
• 重复检查：添加前判断选项是否已存在，避免无效的重复操作，也能减少服务器请求。

为什么你之前的方法没用 #

你提到的Choices.Add()、AddChoice()这些都是旧版SharePoint JSOM的语法，在现代SharePoint环境中已经被废弃，官方现在推荐用数组操作的方式来更新Choice选项。

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