Javascript 如何根据第一个表单的用户输入预填充表单的其余部分?

Javascript 如何根据第一个表单的用户输入预填充表单的其余部分?,javascript,django,html,django-forms,Javascript,Django,Html,Django Forms,所以我想做的是根据用户之前在页面中选择的内容显示一个表单列表。现在,在第一个表单中输入信息后,我想为其他表单提供重复该信息的选项。例: 活动1 名字1 名称2 电子邮件 活动2 名字1 名称2 电子邮件 你可以看到,如果你报名参加许多活动,它会变得多么多余和乏味。如果可能的话,我如何使用django,如果需要的话,我如何使用javascript,甚至使用html5。您可以使用html5和javascript来实现这一点,我不知道django是什么,但是如果django是一种可以访问表单数据的服务

所以我想做的是根据用户之前在页面中选择的内容显示一个表单列表。现在,在第一个表单中输入信息后,我想为其他表单提供重复该信息的选项。例:

活动1 名字1 名称2 电子邮件

活动2 名字1 名称2 电子邮件


你可以看到,如果你报名参加许多活动,它会变得多么多余和乏味。如果可能的话,我如何使用django,如果需要的话,我如何使用javascript,甚至使用html5。

您可以使用html5和javascript来实现这一点,我不知道django是什么,但是如果django是一种可以访问表单数据的服务器端语言,这将更容易

我将使第一个网页中元素的action属性引导到第二个网页,这样第二个网页将具有该表单数据的GET参数,然后在第二个网页的JavaScript中,使用这些GET参数将数据放入表单中。下面是一个例子:

tester1.html:

[...]
<form action = "tester2.html">
  <input name = "realname" />
  <input name = "screenname" />
  <input type = "submit" />
</form>
[...]
tester2.html:

[...]
<script>
var form;
window.onload = function() {
    var url = document.location.href;
    var keys = url.substring(url.indexOf("?")+1, url.length).split("&");
    form = document.getElementsByTagName("form")[0];
    for (var i = 0; i < keys.length; i++) form[keys[i].substring(0, keys[i].indexOf("="))].value = decodeURIComponent(keys[i].substring(keys[i].indexOf("=")+1, keys[i].length));
};
</script>
[...]

<form>
  <input name = "realname" />
  <input name = "screenname" />
  <input type = "password" name = "password" />
  <input type = "submit" />
</form>
[...]

谢谢,如果有人想知道如何使用django实现这一点,只需将值作为POST发送,然后使用request.POST.get请求它们,然后分配变量并将它们插入下一个表单中。