0

ページに複数の入力値とボタンを含む特定のフォームがあります。例：

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

ありがとう

4

2 に答える 2

1

ids がnames であると仮定すると、次のようになり.serialize()ます。

var link = "http://.../?" + $("#myForm").serialize();
于 2012-11-19T17:43:15.657 に答える
1

簡単な方法は、jQuery や dojo などのライブラリを使用して作業を行うことです。たとえばjQueryでは：

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

ドキュメントはこちらです。

道場で：

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

ドキュメントについては、このリンクに従ってください。

于 2012-11-19T17:45:39.030 に答える