HTML内のphpの値をjavascript関数に渡す方法

Question

現在、PHPの勉強をしています。

一覧の登録データからidを取得して、削除する処理を行うというプログラムを書いています。
なのですが、どうしてもjQueryに値を渡すのがうまくいきません。

function deleteResvation(i){
if(confirm('本当に削除しますか？')){
		var query = {};
		query["key_id"] = i;
		$.post("./php/delete.php",query,function(res){
			//console.log(res);
		})
	}
	
}

	<table border="1">
	<tr>
		<th>ID</th><th>名前</th><th>ふりがな</th><th>携帯電話番号</th><th>メールアドレス</th><th>内容</th>
	</tr>
	<?php
	try{
			$db=connect();
			$stt= $db->prepare("SELECT * from reservations ORDER BY key_id ASC");
			$stt->execute();
			while($row=$stt->fetch(PDO::FETCH_ASSOC)){
	?>
	<tr>
		<td><?php es($row["key_id"]);?></td>
		<td><?php es($row["name"]);?></td>
		<td><?php es($row["kana"]);?></td>
		<td><?php es($row["tel"]);?></td>
		<td><?php es($row["email"]);?></td>
		<td><?php es($row["free"]);?></td>
		<td><input type="button" name="delete"value="削除"></td>
	</tr>
	<?php
		}
		$db = NULL;
	} catch(PDOException $e){
		die ("エラーが発生しました。:{$e->getMessage()}");
	}
	?>
	</table>

ボタンを押したら、削除できるようにしたらしたいです。

よろしくお願いします。

Answer 1

<input type="button" name="delete"value="削除">

ボタンで処理しているなら

<input type="button" name="delete"value="削除" onclick="myDelete(<?PHP print $row["key_id"];>)">

的な処理にして、ユーザー関数で所定のkey_idにあたるデータを消すように
submitするなりバックグラウンド処理するなりしてください

submitで処理する場合は

<input type="submit" name="delete[<?PHP print $row["key_id"];>)]" value="削除" >

のようにしてサーバーにデータを引き継いでもよいかもしれませｎ

Comments

[退会済みユーザー]

うまくいきました！ありがとうございます。