0

だから私は複数の「選択」と次のようなオプションで設定されたフォームを持っています:

<form>

<select name="box1">
    <option value="1">1</option>
    <option value="2">2 </option>
    <option value="3">3</option>        
</select>

<select name="box2">
    <option value="a">a</option>
    <option value="b">b </option>
    <option value="c">c</option>        
</select>

<input type="submit">
</form>

送信ボタンを押したときに通常作成されるリンクを取得したいのですが、ブラウザーを更新せずに、ユーザーがそのリンクをコピーして他の人に送信できるようにして、選択したオプションを確認できるようにします。

これはjavascriptで可能だと思いますが、方法がわからず、Googleで結果を見つけることができませんでした.

4

2 に答える 2

2

ここでフィドルを作成しました: http://jsfiddle.net/wgtVC/1

jQuery とserialize()フォームの関数を使用しています。これにより、URL のクエリ文字列部分が作成されます。

これを使用して、フォームの投稿先の URL に追加できます。

上記のリンクのコードは次のとおりです。

$('form').submit(function(){
    // get the serialized form
    alert($(this).serialize()); // "box1=1&box2=a"

    // append to a string which is the link the form posts to
    link = "http://link.to/my/website";
    alert(link+"?"+$(this).serialize()); // "http://link.to/my/website?box1=1&box2=a"

    return false;
});
于 2013-07-17T08:20:16.690 に答える