javascript - 将变量传递给表单的值属性

Question

很抱歉，这可能非常基本，但我想将变量从一个页面传递到另一个页面。我有一页包含姓名列表，下一页是表格。表单上的输入之一是名称。我想用从名称列表中单击的名称填充此名称输入的值。

例如，这是单击时链接到表单的名称列表:

<a href="form.html" id="John Doe">John Doe</a>
<a href="form.html" id="John Smith">John Smith</a>
<a href="form.html" id="Jane Doe">Jane Doe</a>

form.html 看起来像这样:

<form>
<input name="name" type="text" value=""/>
</form>

我希望文本输入的值根据单击的名称而变化。我更喜欢用 javascript 来完成，但你们认为最好的是什么。

Answer 1

您必须将其传递到查询字符串中:

<a href="form.html?name=John+Doe" id="John Doe">John Doe</a>
<a href="form.html?name=John+Smith" id="John Smith">John Smith</a>
<a href="form.html?name=Jane+Doe" id="Jane Doe">Jane Doe</a>

然后，在 form.html 中，使用以下命令获取名称:

var name = (window.location.search.match(/name=([^&]+)/) || [])[1];