如何获取动态表单以更新HTML中的文本?

时间:2014-02-18 20:07:20

标签: javascript jquery html wordpress

我有一个使用名为Gravity forms的wordpress插件构建的表单。

我正在尝试将名称添加到HTML中时添加名称:

Hello [name]

其中“Hello [name]”在HTML中(不在表单中)

并且[name]被我想要的输入文本字段替换?

我创建了表单,发现字段名称是: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>

但它不起作用。 你能告诉我我做错了吗?

1 个答案:

答案 0 :(得分:0)

你的标记应该是:

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

然后脚本将是:

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

这是一个jsfiddle,它的工作原理如上: http://jsfiddle.net/cTq7K/