我如何获得一个动态的形式在HTML更新文本？(How do I get a dynamic form

我有一个建有一个叫重力形式WordPress插件的形式。

我想有当它被添加添加到HTML名称：

Hello [name]

其中，“[Name]您好”是在HTML（而不是在形式）

并在[名]由我希望它是输入文本字段取代？

我创建的形式，发现该字段的名称是：INPUT_1和领域的ID是input_32_1

我想这样的代码：

<script>
$(document).ready(function() {
$("#input_32_1").keyup(function() {
document.getElementById("fname").innerHMTL = document.getElementsByName('input_1')[0].value;
});
});
</script>

但它不工作。 你能告诉我，我做错了什么？

Answer 1:

您的标记应该是：

Hello <span id="nameFromInput"></span>

和脚本然后将：

$("#input_32_1").keyup(function() {
    $("span#nameFromInput").text($("#input_32_1").val());
});

下面是它上面的工作一个的jsfiddle： http://jsfiddle.net/cTq7K/

文章来源: How do I get a dynamic form to update Text in HTML?