修改AJAX autocomplete字段值后未触发自动补全的求助

我完全懂你的困扰——直接修改input的value只会改变表面显示，却触发不了ServiceNow的AJAX自动补全组件逻辑，导致关联字段不更新、验证不通过。这是因为ServiceNow的AJAXTableCompleter组件维护着自己的内部状态（比如选中用户的sys_id），直接操作DOM根本同步不了这些核心状态。

下面是针对Tampermonkey脚本的可靠解决方案：

核心思路 #

1. 确保AJAXTableCompleter实例已初始化（即字段的ac属性已存在）
2. 通过组件的官方API而非直接修改DOM来设置值
3. 触发必要的组件事件，同步内部状态并触发关联字段更新

完整脚本示例 #

// 等待目标元素加载完成的工具函数（比固定时长setTimeout更可靠）
const waitForElement = (selector) => {
  return new Promise(resolve => {
    if (document.querySelector(selector)) {
      return resolve(document.querySelector(selector));
    }

    const observer = new MutationObserver(mutations => {
      const element = document.querySelector(selector);
      if (element) {
        observer.disconnect();
        resolve(element);
      }
    });

    observer.observe(document.body, {
      childList: true,
      subtree: true
    });
  });
};

// 主逻辑
(async function() {
  const analyst = GM_getValue('analyst');
  const assignedToField = await waitForElement('#sys_display.incident.assigned_to');

  // 确保AJAXTableCompleter实例已初始化
  if (!assignedToField.ac) {
    // 模拟focus触发组件初始化
    assignedToField.focus();
    // 给组件一点初始化时间
    await new Promise(resolve => setTimeout(resolve, 200));
    // 可选：如果不想显示下拉框，立即blur
    assignedToField.blur();
  }

  // 方案1：如果你知道目标用户的sys_id（推荐，更稳定）
  // assignedToField.ac.setValue('目标用户的sys_id', analyst);

  // 方案2：仅知道用户名时，模拟搜索并选择第一个匹配项
  assignedToField.value = analyst;
  // 触发组件的搜索逻辑
  assignedToField.ac.onChange();
  // 等待AJAX返回搜索结果
  await new Promise(resolve => setTimeout(resolve, 300));
  // 获取第一个搜索结果项
  const firstResult = document.querySelector('#AC.incident.assigned_to li');
  if (firstResult) {
    // 让组件选中该结果，同步内部状态并更新关联字段
    assignedToField.ac.selectItem(firstResult);
  }

  // 最后触发字段的change事件，确保表单验证逻辑执行
  assignedToField.dispatchEvent(new Event('change', { bubbles: true }));
})();

关键细节说明 #

• 为什么直接改value没用？：ServiceNow的显示字段（sys_display.incident.assigned_to）只是一个“门面”，真正提交的是对应的隐藏字段（比如incident.assigned_to，存储用户的sys_id）。AJAXTableCompleter负责同步这两个字段的值，直接改value不会更新隐藏字段，自然触发不了后续的关联字段填充和验证逻辑。
• 依赖字段处理：你的字段设置了data-dependent="assignment_group"，意味着用户列表会根据选中的分组过滤。如果需要先设置分组，只需要把同样的逻辑套用到分组字段上即可。
• 等待机制：用MutationObserver代替固定时长的setTimeout，能更精准地等待元素加载，避免因页面加载慢导致的脚本失效。

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