javascript - 将复选框标签复制到隐藏文本字段

Question

这是我的第一个问题，如果我在这里搞砸了任何事情，我深表歉意。我到处搜索，但找不到我要找的东西。

我在获取提供给我的脚本来执行我想要执行的操作时遇到一些问题。本质上，我希望将具有某个类的父级的选中复选框的所有标签创建为以分号分隔的字符串并添加到隐藏字段中。

这是我正在使用的函数:

        function copyProductInterest() {
            var resultData = '';

            var listLabels = document.querySelectorAll('.Pardot_In_Scope .inline');
            var listInputs = document.querySelectorAll('.Pardot_In_Scope input');
            for( var i=0; i<listInputs.length; i++){
                label = listLabels[i];
                checkbox = listInputs[i];
                if( checkbox.checked ){
                    resultData += label.innerHTML + ';';
                }
            }
            document.querySelectorAll('.Test_Comment textarea')[0].value = resultData;
            return true;
        }

编辑:我已经更新了 document.querySelectorAll('Test_Comment input')[0].value = resultData; to document.querySelectorAll('.Test_Comment textarea')[0].value = resultData;

有问题的表格在这里 - http://go.pardot.com/l/49432/2015-05-19/b5j5r 。我希望将任何 Pardot In Scope 复选框字段的标签(而不是值)映射到“测试注释”字段(当前未隐藏)，作为以分号分隔的数组/字符串。

我这样调用函数...

<form accept-charset="UTF-8" method="post" action="http://go.pardot.com/l/49432/2015-05-19/b5j5r" class="form" id="pardot-form" onsumbit="copyProductInterest()">

如果这可以在复选框被选中(未选中)时完成，那就太好了，但是 onsubmit 也可以。事实上，我什么也没得到。

我无权访问复选框字段的名称或样式，因此我尝试通过父 p 的类 (Pardot_In_Scope) 来定位它们。从 HTML 的 Angular 来看，我也无能为力，因为此表单是通过 Pardot 生成的，并且他们没有为您提供大量访问权限。

这整件事的目的是通过 Pardot 表单后端的网络潜在客户表单推送这些值。我知道用分号分隔的数组将正确映射到另一端。我只是无法填补我提供的代码和它为什么不适合我之间的空白。

任何帮助将不胜感激!另外，Pardot 不允许服务器端脚本，这就是我考虑 JavaScript 的原因。

Answer 1

您没有使用. (上课!)
你还有一个<textarea>元素，但无论如何你的目标是输入...错误

将您的代码修复为:

document.querySelectorAll('.Test_Comment textarea')[0].value = resultData;