通过单击按钮将 javascript 变量（字符串值）重新加载到 div

Question

我有一个像这样嵌入到我的网站的 cognito 表单：

<div id="magic" class="cognito">
<script src="https://services.cognitoforms.com/s/formlink"></script>
<script>
Cognito.load("forms", { id: "34", entry: {"textboxname": magictext }});
</script>
</div>

当我导航到此页面时，此表单加载为空，这很好。 在我页面的其他部分，用户可以添加一些 josn 字符串化文本，这些文本会进入一个名为 magictext 的 javascript 变量中。现在我想在我的页面上添加一个按钮，它将重新加载/刷新 magic div 并根据用户输入更新表单中的 magictext。 我在下面有这个脚本，它看起来正在刷新表单，但没有将magictext 字符串添加到文本框中.. 点击。

<script type="text/javascript">
    function reload(){
            var container = document.getElementById("magic");
            var content = container.innerHTML;
            container.innerHTML= content;
        }
</script>

<a href="javascript: reload()">Reload</a>

Answer 1

您正在将container.innerHTML 读入content，然后将其写回container.innerHTML。这不会做任何事情。

您可能希望在 reload() 中执行类似的操作：

document.getElementById("magictext").value = magictext;