Php 如何在HTML元素（如p标记）中回显选定的表单值？

当用户填写表单时，是否有方法在HTML元素中显示/回显表单值

---

我正在创建一个巨大的搜索表单，并希望通过submit按钮添加一个有用的区域，提醒用户他们将要搜索的内容。

这是一个简单的示例，说明如何使用jQuery复制表单输入的值

$('input[name=query]').keyup(function() {
    $('#query-term').text($(this).val());
});

$('select[name=category]').change(function() {
    $('#query-category').text($(this).val());
}).change();

。下面是我使用的jQuery函数的列表

美元相当于

---

如果您使用的是php和服务器，例如，apache配置在html/htm/xhtml文件中启用了内联php，则可以包括以下php：

<..>
<form>
<input>
<?php
echo 'test'
?>
</form>
<..>

同样的方法也可以放在file.php而不是.htm中，并且可以工作，因为您的服务器很可能只为.php文件启用php解析

现在，如果您只想显示用户在页面顶部的某个字段中输入的表单字段值，您可能需要这样做：

<form>
<input id="search" value="test" onkeypress="$('#search_field_test').text($(this).val())" >
<..>
<span id="search_field_test">
</form>

---

您可以向表单本身添加一个更改处理程序—各个字段上的更改事件将冒泡—jQuery确保这一点，即使在旧版IE中不会自然发生—然后获取所有非空值并将它们放在“帮助区域”元素中：

$(document).ready(function() {
    var $form = $("#yourFormIdHere"),
        $formFields = $form.find(":input"),
        $helpfulArea = $("#yourOutputElement");

    $form.change(function(e) {
        $helpfulArea.empty();
        $formFields.each(function() {
            if (this.value != "")
                $helpfulArea.append(this.name + ": " + this.value + "<br/>");
        });
    });
});

提供了所有表单控件，但您需要添加一些代码来以不同的方式处理复选框和单选按钮，因为您将根据它们的checked属性而不是value属性将它们包含在输出中。正如您所看到的，我只是使用input元素name属性作为输出中的标签，但是您可以通过使用关联的label元素（如果有）中的文本，或者添加一个datadisplayname=。。。属性之类的。但这应该足以让你开始

---

演示：

您可能还希望签出，这将允许您执行以下操作：

<..>
<form>
<input>
<?php
echo 'test'
?>
</form>
<..>

姓名： 你好{{你的名字}}！

---

是的，使用javascript，或者不使用Ajax，请在请求帮助后尝试一些东西