ページに0〜10のフォームがあります。それぞれのユーザーは、そのフォームのコンテンツに投票することができます。 JavaScriptを利用して、さまざまなフォームのクリックイベントをキャプチャし、コンテンツを特定のフォームのスコープに戻すにはどうすればよいですか。フォームのidを動的に生成する場合、javascriptでどのように記述すればよいですか?javascriptを使用して複数のフォームからクリックイベントをキャプチャする方法
答えて
jQuery JavaScriptライブラリを使用する場合は、同じ関数をすべてのフォームに1つの形式でアタッチし、コールバック関数内のフォームに参照を戻すことができます。あなたはこれを行うことができますAJAX要求を送信するために、ユーザによって提出するフォームを待っていた場合たとえば、次のように
// `$('form')` selects all the forms on the page
// `.submit();` will call a function when the submit event is fired on all forms
$('form').submit(function() {
// Store a reference to this form
var $thisForm = $(this);
$.ajax({
...
success: function() {
// do something with the $thisForm variable which is still in scope.
}
});
});
( '.form-foo')。submit(。。フォームクラスを取得するためには?)私はログインフォームも言っていないので、 –
はい、jQuery '$'関数は受け入れます。どのCSSセレクタでも使用できますが、経験がない場合は、jQueryの[read up](http://docs.jquery.com/Main_Page)を参照してください。 –
私はあなたが正確に何をしたいについての不確実です。
idsを生成するときにonclickイベントを割り当てる方法について説明します。
x.id = idname ;
x.onclick = func(idname)
次に、funcはidに基づいて何をすべきかを決定します。
質問から、イベントの委任が必要なようです。クリックイベントだけを話していると、それらはバブルアップするので、ハンドラに委譲するボディから単一のハンドラを使用できます。ただし、変更イベントは、あなたが、私は、クロスブラウザの問題を心配する必要はありませんので(IEでのキャプチャ段階でトラップにそれらをしようとせずに)
私はjqueryのを使用しますことをIEでバブルを行うことができませんでしませんそれ以外の場合、応答は10倍長くなります。 jqueryを使用できない場合は、クロスブラウザの狂気を見つけて実装する必要があります。ほとんどのフレームワークはまったく同じことをするユーティリティを持っています
<form id='dynamic-123' class='songs'> ---- </form>
<form id='dynamic-681' class='events'> ---- </form>
$(document.body).delegate("form", "click", function(e) {
// This handler will be called when a click is detected within any form.
// You'll have to use e.target to figure out which form it was. I would
// add class attributes to the forms that let you respond differently based on
// form was clicked.
});
- 1. 複数のサブミットを使用して複数のサブミットを使用してフォームからすべてのデータを送信しないj-queryおよびjavascriptフォーム
- 2. UIオートメーション - キャプチャ方法 - javascriptエディタを使用して録音する
- 3. JavaScriptを使用してフォームを検証する方法は?
- 4. javascriptを使用してPDFフォームを送信する方法
- 5. javascriptを使用してiPhone/Androidカメラから写真をキャプチャ
- 6. javascriptを使用してフォーム内のテキストボックスの数を知る方法
- 7. キャプチャを使用したフォームの自動テスト方法
- 8. Windowsフォームで複数のチェックボックスグループを使用する方法
- 9. Javaスプリングフレームワークを使用してWebフォームから複数の行をデータベースに挿入する方法
- 10. 複数の列を作成する方法Javascript、Parseクラウドコードを使用してユニーク?
- 11. javascriptを使用してジオロケーションと複数のマーカーを結合する方法は?
- 12. PythonとPyObjCを使用してApple iSightからフレームをキャプチャする方法は?
- 13. .Net:flvに複数のカメラからビデオをキャプチャする方法は何ですか
- 14. jqueryを使用してボタンを使ってdivを作成し、新しいボタンのクリックイベントをキャプチャしますか?
- 15. QDockWidgetのクローズボタンのクリックイベントをキャプチャする方法
- 16. JavaScriptを使用して複数のサイトコレクションからSharePointリストアイテムを取得する方法
- 17. フレックスパスをキャプチャするクリックイベント
- 18. フォームをループして1つのjavascript関数を使用する
- 19. 複数のフォームにjqueryフォームプラグインを使用していますか?
- 20. JavaScript関数から複数の値を返す方法
- 21. キャプチャされたコマンドから複数行の出力をエコーする方法は?
- 22. javascript/jqueryを使用してクリックイベントでのみGoogle Pie Chartを描画する方法はありますか?
- 23. シェルスクリプトを使用して複数のファイルをftpする方法
- 24. PHPを使用して複数のSimpleXMLをforeachする方法
- 25. javascriptを使用してデスクトップのスクリーンショットをキャプチャする
- 26. gstreamer-sharpを使用してビデオフレームをキャプチャする方法
- 27. tsharkコマンドを使用してwiresharkキャプチャを停止する方法
- 28. AVCaptureStillImageOutputを使用してMacで画面をキャプチャする方法
- 29. セレンピソンズスクリプトを使用して画像をキャプチャする方法
- 30. Java Seleniumを使用してリモートWebサイトをキャプチャする方法
あなたのHTMLはどのように見えますか?これまでに何を試しましたか? – lonesomeday
私はまた、いくつかのHTMLとあなたが試したことが、私たちがあなたを助けるのに役立つとも言います。私は答えを掲示しましたが、半分の時間がかかっていて、より正確であったでしょう。 –
OKは今後できます - ありがとう。 –