2009-07-29 7 views
-1

jQueryを使用して自分のウェブサイトを開発しています。プライベートメッセージング機能については、私が今行っていたことは、ModalBox(ダイアログボックス)を表示しています。したがって、ユーザがメッセージをチェックしたいときはいつでも、それらは受信箱が表示されたダイアログボックスで表示されます。 ModalBox内には、ユーザーがメッセージを送信できる「作成」セクションがあります。私の質問は、ユーザーがフォームを提出したときに、実際にフォームを提出することなく、それらの入力をどのように取得できるかです。なぜなら、私はそれを試しました...私が "submit()"を実行すると、それはModalBoxを閉じました。Jqueryを使用してModalBox内でフォーム入力を取得する方法

ご協力いただければ幸いです。

+0

あなたはこれらの仮定を確認することができます: それはあなたがこれらの両方が正しい場合は、あなたが提出した背景 上に表示されます浮動div要素は、ページ全体をポストバックされた意味モーダルボックスにより、Webページ ですあなたのポップアップなしでそれを新たに再描画する、それをリフレッシュする。これを回避する方法は、Ajax/XHRを使用してJavaScriptのポストバックを検討することです。 – theGecko

+0

こんにちは、あなたの仮定は正しいです。さて、私はボタン上でAjaxを使用し、イベントを作成しました。しかし、入力(セレクタ)でval()を使用すると、undefinedが返されます。 –

+0

ちょうどメモ、私はこれを言及したとは思わない。このフォームは、phpやhtmlで用意されていません。 Ajaxを使用して「オンザフライで」作成されます。 –

答えて

0

あなたはjQueryのを使用しているので、あなたはAJAXに慣れていない場合はhere

を参照して、基本的にそれはあなたが、プロセス(この場合は、あなたの提出したデータに)サーバに要求を送信することができますサーバー上のデータを取得してから、ページ全体を再読み込みすることなく、リクエストからすべての返品を受け取ることができます。

これは、モーダルボックス(ページには、実際に、提出時にリロードする。)を閉鎖

の問題を緩和する必要がある[編集]

は、ライブイベントハンドラを使用して、ここにStackOverflowでからthis articleを参照してください。これは、新しく作成されたDOM要素から値を取得しないという問題を処理する必要があります。

[/編集]

+0

ちょっと、私は現在のウェブサイトを開発するのに多くのAjaxを使用しています。私はまだjQueryを学んでいます。ちょうどメモ、私はこれを言及したとは思わない。このフォームは、phpやhtmlで用意されていません。 Ajaxを使用して「オンザフライで」作成されます。 –

+0

編集された答えを見てください。それは、オンザフライで作成されたDOM要素を処理するためのリンクを持っています。これはうまくいけば、あなたの '未定義' val()の問題を解決するはずです。 – idrumgood

関連する問題