提交表单后显示包含值的表单

时间:2014-03-21 09:37:34

标签: jquery html

我有一个表单,我提交用户名,net我想以sap率表单显示所有详细信息但不想加载其他页面。 请帮忙

2 个答案:

答案 0 :(得分:0)

不确定,但这可以帮助您,而不是制作新表格,保存完整表格然后显示它将是有益的

使用

var htmldata=$("#yourformid").html();

存储数据。

然后通过jquery将此变量传递给表单,这将显示表单及其值。 像

$('#ur div id').text(htmldata);

答案 1 :(得分:0)

如果您正在考虑登录,然后以其他形式显示该用户的详细信息,则需要将一些javascript与您的html一起编写。

<form id="login_form" action="/login" method="post">
    <label>Username:</label>
    <input type="text" name="username"/>
    <label>Password:</label>
    <input type="password" name="password" />
    <input type="submit" value="Login" />
</form>

<form id="new_form">
    <input type="text" name="value1" />
</form>

使用Javascript:

$("#login_form").submit(function (event) {
    event.preventDefault();
    $.ajax("/login", {
        method: 'POST',
        data: $("#login_form").serialize(),
        success: function (response, status) {
            $("#new_form").find("input").val(reponse["value1"]);
        },
        error: function (response, status) {
        }
    });
});

这是你要找的东西吗?