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="get" 和提交。因此，如果他们单击“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

假设ids 是names，你想要.serialize()：

var link = "http://.../?" + $("#myForm").serialize();

Answer 2

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

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

文档在这里。

在道场：

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

按照此链接获取文档。