양식 값을 링크로 매핑

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); 
}); 

감사 id의 가정

이

Answer 1

쉬운 방법은 jQuery를 같은 라이브러리를 사용하는 것입니다 또는 dojo가 당신을 위해 일할 것입니다. 예를 들어, jQuery를에 :

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

문서는 here입니다. 도장에서

: 문서에 대한

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

Follow this link.

Answer 2

name들, 당신은 .serialize() 원하는 :

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