使用 javascript 为现有表单字段添加值

【问题标题】：Add value to existing form field with javascript使用 javascript 为现有表单字段添加值
【发布时间】：2020-10-12 12:11:33
【问题描述】：

我正在尝试添加以下代码的输出（在页面加载时）

<?php the_field('object_id'); ?>

到 id="sf_objekt" 的表单字段。该字段具有可选的设置值“ID”。代码的输出应替换“ID”。

我尝试使用“追加”，但没有成功。

有什么想法吗？太棒了！

【问题讨论】：

标签： javascript forms append

【解决方案1】：

如果我正确地理解了你的问题，下面的 sn-p 应该可以解决问题：

document.querySelector('#sf_objekt').value = "&lt;?php the_field('object_id'); ?&gt;"

&lt;input id="sf_objekt" type="text" /&gt;

很明显标记将被替换为 PHP 函数 the_field() 的输出，仅当页面通过 PHP 服务器运行时。

【讨论】：

Ty，我在表单之前添加了 document.querySelector。那没有用。

【解决方案2】：

此代码将使用 php 脚本的结果自动填写表格。

<html>
<body>
    <form>
      <input type="text" id="sf_objekt">
    </form>
<script>
    document.getElementById("sf_objekt").defaultValue= "<?php echo the_field('object_id'); ?>";
</script>

</body>
</html>

【讨论】：