0

ページ上の画像ごとにコメントフォームが欲しいのですが。画像の数は動的です。クリックされた送信ボタンのフォームデータをjqueryでターゲットにする方法はありますか?

私は現在持っています:

$('.comment_button').click(function() {    
var comment = $('input#comment').val();
    var id = $('input#id').val();
    var other = $('input#other').val();
    var dataString = 'comment='+ comment + '&id=' + id + '&other=' + other;

    alert (dataString);
});

つまり、すべてのフォームフィールドとフォーム名は各画像で同じです(おそらく検証のために一意にする必要があります)が、ユーザーがその特定のフォームの特定の送信ボタンをクリックしたときのフォームフィールドを取得する方法はありますか?

4

2 に答える 2

0

私が理解しているあなたの問題として、あなたはserializeそのような機能を使うことができます

$('form').submit(function() {
  console.log($(this).serialize());
  return false;

});

ここのドキュメントJquerySerialize

于 2012-07-27T05:57:44.067 に答える
0

コメントフォームのコンテナdivを追加します。したがって、クリックすると、ボタンの親divが見つかります。次に、そのdiv内のすべての入力要素を検索します。これにより、そのコメントフォームの入力テキストボックスが表示されます。

サンプルの擬似コード..このようにしてみてください..

$('.comment_button').click(function() {    

  var parentDiv= $(this).parent();
  $(parentDiv "input[type=text]").each(function()
  {
    if(this.id == "comment")
      //get comment text
   .
   .

  });
});
于 2012-07-27T06:06:46.620 に答える