不断从字段中获取数据并插入到div中答案

【问题标题】：Continuously get data from field and insert into div不断从字段中获取数据并插入到div中
【发布时间】：2018-11-13 18:39:25
【问题描述】：

我需要不断地从重力表单字段中获取实际数据（计算总和）并将这些数据插入到 div 元素中。我的代码是这样的

<html>
<header>
      Price per month:
<div id="Test_1"></div>
<script type="text/javascript">
     var permonth = jQuery('#input_54_126').val();
     jQuery("#Test_1").html(permonth);
</script>
</header>
</html>

我在控制台中没有看到任何错误日志，但 div 元素为空。请建议我如何更改代码。

【问题讨论】：

您的文档中是否已链接 jquery？如果这是您的实际代码，则 jquery 文件似乎没有在文档中链接。
@zipkundan jquery 已经安装在现场
您希望将脚本代码放入“更改”事件处理程序中，以便每次输入中的值更改时都会调用它。 api.jquery.com/change

标签： javascript jquery wordpress gravityforms

【解决方案1】：

所以上面的代码只会在加载它所在的脚本标签时触发一次。这意味着脚本加载时表单中的任何内容都将被放置在div元素中。这很可能是一个空字符串开头。

您最有可能要做的是观察输入字段是否有任何更改。您可以利用 JQuery 的 keyup 事件：https://api.jquery.com/keyup/

这将允许您针对每个 keyup 事件实例触发一个回调函数。在这里您可以获取输入的值并用它填充div。

【讨论】：