javascript - 将表单值映射到链接

Question

我的页面上有一个特定的表单，其中包含多个输入值和一个按钮。示例:

<form id="myForm" method="get">
<input type="text" id="blah1" value="blah" />
<input type="hidden" id="blah2" value="blah2" />
</form>
<button type="button" id="awesomeButton">Click for Link</button>
<div id="link">http://mysite.com/?blah1=blah&blah2=blah2</div>

我想找到一种简单的方法来实现它，这样当有人单击我网站上的按钮时，它会查看所有表单值并生成一个链接，该链接与表单设置为使用 method="完全相同得到”并提交。因此，如果他们点击“awesomeButton”，那么它将生成一个链接并将其显示给该人，例如 http://mysite.com/?blah1=blah&blah2=blah2

有人知道从表单中获取值并建立链接的简单方法吗？

类似...

$('button#awesomeButton').click(function()
{
//Grab all form elements, maybe something like var blah = $('#myForm :input'); ??
var link = ???;//Generate a link somehow
$('div#link').html(link);
});

谢谢

Answer 1

最简单的方法是使用像 jQuery 或 dojo 这样的库来为您完成这项工作。以 jQuery 为例:

$("#myForm").serialize();

文档是 here .

在道场中:

dijit.byId('myForm').get('value');

Follow this link获取文档。