页面完全加载后如何将SOURCE输入框的值传递到TARGET输入框？

你的现有脚本存在两个关键问题：

• 仅获取了源输入框的值但未加以利用
• 设置目标输入框的value属性时没有传入具体值

另外需要注意：对于input元素，直接修改value属性比调用setAttribute('value')更可靠，后者可能无法同步更新输入框的显示内容。

修正后的基础代码（仅页面加载时同步一次） #

window.addEventListener('load', function () {
  // 获取源输入框和目标输入框的DOM节点
  const sourceInput = document.getElementById('gclid_field');
  const targetInput = document.getElementById('gclid_form');
  // 将源输入框的值赋值给目标输入框
  targetInput.value = sourceInput.value;
});

进阶：实时同步内容（源输入框变化时目标同步更新） #

如果需要在用户修改源输入框内容时，让目标输入框实时同步，可添加input事件监听：

window.addEventListener('load', function () {
  const sourceInput = document.getElementById('gclid_field');
  const targetInput = document.getElementById('gclid_form');
  
  // 页面加载完成后先同步一次初始值
  targetInput.value = sourceInput.value;
  
  // 监听源输入框的内容变化事件，实时同步值
  sourceInput.addEventListener('input', function() {
    targetInput.value = this.value;
  });
});

内容的提问来源于stack exchange，提问作者João Henrique