0

検索して検索しましたが、問題を解決できませんでした..助けてください;）

while ループで作成したフォームがあります。次に、AJAXを使用して処理します..問題は、2番目のフォームをクリックしても、最初のフォームのみを送信することです。これは、各フォームが一意の ID を必要とするためであると想定します。私はそれを行うのに問題があります...どんな助けも素晴らしいでしょう。

フォーム用の私の PHP

echo '<table width="100%" border="0" cellspacing="0" cellpadding="0" >';
echo ' <tr>';
echo ' <td style="color:#bbb">Team Name</td>';
echo '<td style="color:#bbb">Event Name</td>';
echo ' <td style="color:#bbb">Event Level</td>';
echo ' <td style="color:#bbb">Comments</td>';
echo '<td style="color:#bbb">&nbsp;</td>';
echo ' <td style="color:#bbb">&nbsp;</td>';
echo ' </tr>';

while ($row = mysql_fetch_array($pendingresult)) {
    $id = $row['reg_id'];
    print "<form id=\"$id\" name=\"CDs\" method=\"post\" action=\"$_SERVER[PHP_SELF]\">";
    echo '<tr class="commentContainer">';
    echo "<td><input type=\"text\" name=\"team_name\" value=\"$row[team_name]\"</td>";
    echo "<td><input type=\"text\" name=\"reg_id\" value=\"$row[reg_id]\"</td>";
    echo "<td><input type=\"text\" name=\"team_level\" value=\"$row[team_level]\"</td>";
    echo "<td><input type=\"text\" name=\"notes\" value=\"$row[comments]\"</td>";
    echo "<td>";
    echo "<td class=\"delete\" align=\"center\" id=" . $row['reg_id'] . " width=\"10\"><a href=\"#\" id=\"$row[reg_id]\"><img src=\"admin/images/delete.png\" border=\"0\" ></a></td>";
    echo "<td class=\"approve\" align=\"center\" id=" . $id . " width=\"10\"><a href=\"#\" id=\"$row[reg_id]\"><img src=\"admin/images/approve.png\" border=\"0\" ></a></td>";
    echo "</td>";
    echo "</tr>";
    echo "</form>";
}

私のAJAX

$(document).ready(function () {});
$(function () {
  $(".approve").click(function () {
    var commentContainer = $(this).parent('tr:first');
    var id = $(this).attr("id");
    var string = 'id=' + id;
    var formData = this.form.id;
    $.ajax({
      type: "POST",
      url: "approve.php",
      data: $("formData").serialize(),
      cache: false,
      success: function () {
        commentContainer.slideUp('slow', function () {
          $(this).remove();
        });
      }
    });
    return false;
  });
});
4

2 に答える 2

1

あなたのajaxの変更で

データ: $("formData").serialize()

に

データ: $("form#"+id).serialize()

処理中の現在のフォームをキャッチします

于 2015-08-22T16:04:57.723 に答える
0

whileループでフォームフィールドを使用しているため、同じ名前の入力フィールドの配列になっています。

したがって、それらを1つの変数に結合し、それに応じて渡す必要があります。

例

var team_name = $("input[name=team_name]").map(function(){
   return $(this).val();
}).get().join(",");

その他のフィールドについても同様です。

それを試してみてください。

于 2013-02-12T03:27:47.873 に答える