学生をリストするテーブルがあります..ライセンス番号の列にはライセンス番号が表示されるか、DBに番号がない場合はテキストボックスが表示されます..
送信時に (注: 送信ボタンはありません。そのままにしておくには、Return キーを押すだけです) PHP スクリプトの結果は、Ajax 経由で表示されます。
私の完全なコードはこちらです。 http://pastebin.com/9k0EKXA9
各行のライセンス番号セル内のコードは次のとおりです。
<td><?php // check if license number exists.
if($row['license_no'] == '')
{
//show form.
?>
<form method="POST" id="license_no_update"">
<input type="text" name="license_no" value="License Number" />
<input type="hidden" value="<?php echo $row['student_id']; ?>" name="student_id" />
</form>
<div id="output"></div>
<?php
}else{
//show license no.
echo $row['license_no'];
}
?></td>
ここにJQUERYがあります
<script type="text/javascript">
$(document).ready(function() {
$("#license_no_update").submit(function() {
var license_no_update = $(this).serialize();
$.post('license_update.php', license_no_update, function(data) {
// We not pop the output inside the #output DIV.
$("#output").html(data);
});
return false;
});
});
</script>
グーグルを何度も検索した後でも、私が抱えている問題..テーブルの各行に新しいフォームと要素IDが必要であることを知っています。しかし、それらを持っていても、JQUERYでその一意の番号を見つける方法がわかりません..
現在、テーブルの最初の行に送信するとコードが添付され、正しい結果が表示され、他の行に送信すると何も表示されません..
すべてが理にかなっていることを願っています。
よろしく
アーロン