使用document.getElementById设置输入框值后点击Guardar按钮无法保存求助

直接通过document.getElementById().value修改字段值后无法保存，通常是因为你使用的CRM自定义模块依赖字段的变更事件来同步数据到内部存储模型，单纯修改DOM的value不会触发这些系统内置逻辑。以下是具体解决方法：

• 触发字段的变更事件
  修改值后手动触发change事件，让系统感知到字段已更新：

  const field = document.getElementById("Crm_CustomModule3_COBJ3CF82_LInput");
  field.value = "01/10/2022";
  // 触发带冒泡的change事件，确保系统能捕获到
  field.dispatchEvent(new Event('change', { bubbles: true }));
  

• 同步关联的隐藏字段（若存在）
  部分CRM会为日期类字段生成隐藏的关联输入框（用于存储标准化格式的数值），仅修改可见文本框无效。你可以通过浏览器开发者工具查看页面源码，找到与该字段关联的隐藏元素（通常带有_Hidden或类似后缀），同步设置其值并触发事件：

  const visibleField = document.getElementById("Crm_CustomModule3_COBJ3CF82_LInput");
  const hiddenField = document.getElementById("Crm_CustomModule3_COBJ3CF82_Hidden"); // 需替换为实际页面中的隐藏字段ID
  visibleField.value = "01/10/2022";
  hiddenField.value = "2022-10-01"; // 填写系统要求的标准化日期格式
  // 同时触发两个字段的change事件
  visibleField.dispatchEvent(new Event('change', { bubbles: true }));
  hiddenField.dispatchEvent(new Event('change', { bubbles: true }));
  

• 模拟用户输入行为
  如果change事件无效，尝试触发input事件模拟真实输入，必要时添加延迟适配系统的异步处理逻辑：

  const field = document.getElementById("Crm_CustomModule3_COBJ3CF82_LInput");
  field.value = "01/10/2022";
  field.dispatchEvent(new Event('input', { bubbles: true }));
  // 延迟触发change事件，确保系统完成数据同步
  setTimeout(() => {
      field.dispatchEvent(new Event('change', { bubbles: true }));
  }, 100);
  

• 验证日期格式是否符合系统要求
  先手动输入01/10/2022并尝试保存，确认格式是否被系统接受。若手动保存也失败，说明格式不符合要求（比如系统要求YYYY-MM-DD格式），需调整JS中设置的日期格式后再测试。

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