使用纯 Javascript 将变量放入表单答案

【问题标题】：Putting a variable into a form using plain Javascript使用纯 Javascript 将变量放入表单
【发布时间】：2021-10-11 09:47:55
【问题描述】：

这非常简单明了，但我只是摸不着头脑。我创建了一个表单 (https://taa.be.wolterskluwer.com/l/940253/2021-10-08/5tgp6n)，其中包含一个字段 GACLIENTID（我已为其分配了类 GA_Client_ID 和 GACLIENTID），但是由于该表单不是手动编码的，因此该类被分配给联系段落（其中包含一个标签和输入）。

我已经使用以下脚本成功推送了我的变量：

<script>
  (function() {
    var list = document.querySelectorAll('input[name="940253_168501pi_940253_168501"]');
    list.forEach(function(el){
      if(el) {
        el.value = {{DL - GA Client ID}};
  }
})
  })();
</script>

但这会找到带有字段“名称”的输入，该字段在我正在创建的表单的每个克隆上都会发生变化。所以我正在寻找一种更“通用”的方式来选择类中的输入，但我终其一生都无法找出正确的语法。

非常感谢任何帮助。

【问题讨论】：

标签： javascript forms css-selectors

【解决方案1】：

var list = document.querySelectorAll('.GACLIENTID input');

【讨论】：

我不敢相信这么简单，非常感谢您的帮助！

【解决方案2】：

如果只有一个匹配字段。

const input = document.querySelector('.GACLIENTID input');

if (input) {
    input.value = {{DL - GA Client ID}};
}

【讨论】：

我必须试试这个，因为我认为它一样好。你能解释一下什么是“？”在 .value 声明之前呢？（只要我在这里就努力学习?）
当然可以，但我必须更新答案，因为它在这种情况下不起作用，抱歉。（您不能在赋值左侧使用此运算符。）它是一个可选的链接运算符。如果该点的值为空/未定义，它将使评估短路（防止空/未定义引用错误），而不是返回未定义。 Link