使用普通 Javascript 将变量放入表单

Question

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

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

<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>

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

非常感谢任何帮助。

Answer 1

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

Answer 2

如果只有一个匹配字段。

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

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

使用普通 Javascript 将变量放入表单

Putting a variable into a form using plain Javascript

javascript

forms

css-selectors