Question

我创建了一个表单生成器，但是，我需要找到一种方法，使该人在发布表单时添加自己的跟踪代码，这些跟踪代码会包含在代码中。

<section class="tracking-codes">
    <h2> Please enter all tracking codes in here: </h2>
    <form>
        <input type="text" id="code" placeholder="Facebook Pixel"> </input>
        <button type="button" onclick="codes()"> Add Code </button
    </form>
</section>

这是我的js

function codes ()
{
    var trackingCode = document.getElementById('code');
    document.head.appendChild(trackingCode);
    console.log(trackingCode);
}

至此，它确实附加了代码的ID，但仅附加了 <input type="text" id="code" placeholder="Facebook Pixel"> 而不是用户输入，我将如何去做？在制作跟踪代码变量的结尾，我还尝试了.value，但是它不起作用。

Answer 1

您应该使用隐藏字段输入，而不是在顶部添加html。像这样添加它：

function codes ()
{
var trackingCode = document.getElementById('code').value;
var element = document.createElement('input');
element.type = 'hidden';
element.id = 'tracking';
document.head.appendChild(element);
console.log(trackingCode);
}

如何在标签内添加来自用户的自定义代码

1 个答案: