ページに複数の同一のフォームがあり、次のコードで送信された特定のフォームの ID idJoueur を持つ非表示フィールドの値を渡そうとしています。現在、どちらをクリックしても、最初の値を渡すことに成功しています。
$(function() {
$("form").submit(function(e) {
var tramodifier = $("#idJoueur").val(); //variable to be populated from the
//specific form which is posted
alert(tramodifier); //alert for testing purposes
$.post($(this).attr("action"), $(this).serialize(), function(data) {
$("#result").html(data);
});
e.preventDefault();
$("tr^=#" + tramodifier).css("background-color", "grey");
});
});
htmlの例
<form action="/Admin/Match/LaCreation/1" id="1" method="post">
<td style="width: 1px;">
<input data-val="true" data-val-number="Le champ Int32 doit &#234;tre un nombre." data-val-required="Le champ Int32 est requis." id="idJoueur" name="idJoueur" type="hidden" value="1" />....other stuff
<input id=1 class='ajax_multi_submit' type="submit" value="Créer" />
</p>
</td>
</form>
<div id="result"></div>