0

JQueryで作成したパネルをテーブルにスライドダウンしました。そのパネルには連絡先フォームが含まれています。そのフォームデータを投稿する必要がありますが、送信ボタンを押した後にすべてのページをリロードしないようにしてください。ページのリロード後、スライドダウンパネルもリロードして縮小するためです。フォームデータをPHPに取得するには、div要素を更新するだけで済みます。

<div id="form">
    <form id="form" action="/">
       <br />
                <p>
                <label for="name"><small>Name *</small></label><br />
                  <input type="text" name="name" id="name" value="" size="15" />

                </p>
                <p>
                   <label for="email"><small>Mail *</small></label><br />
                  <input type="text" name="email" id="email" value="" size="15" />

                </p>
                <p>
                <label for="comments"><small>Message *</small></label>
                  <textarea name="comments" id="comments" rows="10" cols="5"></textarea>
                </p>
                <p>
                  <input name="submit" type="submit" id="submit" value="Send" />
                  &nbsp;
                  <input name="reset" type="reset" id="reset" tabindex="5" value="Reset" />
                </p>
              </form>
</div>
4

1 に答える 1

2

最初に送信ボタンを作成します:

<input name="submit" type="button" id="submit" value="Send" />

次に、これを使用します。

$("#submit").click(function(){
  $.post("test.php", $("#form").serialize());
});

http://jsfiddle.net/g3Ubh/

于 2012-07-03T21:14:35.593 に答える