JQUERY,PHP,whlie内のinputについて
JQUERY,PHPを勉強してます。初心者です。。
PHPで、mysqlのデータ読み込み（SQL読み込み、表示はできてます）
テーブル表示は下記ような感じです。
（表示テーブル内のイメージ。。）
ID 名前
１ AAA 送信ボタン ｜（type submit 利用）
２ BBB 送信ボタン ｜（type submit 利用）whileで表示
３ CCC 送信ボタン ｜（type submit 利用）whileで表示
１ AAA IDの送信はうまくいき、受け取ったphpファイルが表示されますが、
２ BBB 、３ CCCの送信ボタンが反応ありません。。
イメージとしてはJQUERYのloadを利用して、別PHPファイルで
IDを受け取り、表示させたいです。。
説明がへたですみません。。。
どなたか、ご存知の方いましたら、教えていただけないでしょうか。。
環境JQUERY1.4、PHP5.1
//sql.php最初のページ
<html>
<head><title></title></head>
<body>
<script type="text/javascript" src="jquery1.4.js"></script>
<script type="text/javascript" src="sql.js"></script>
<?php
$conn =mysql_connect("","ユーザー","パスワード");
mysql_query("SET NAMES 'sjis' ", $conn);
mysql_select_db("データベース",$conn);
$sql ="select * from テーブル名";
$rs=mysql_query($sql,$conn);
echo '<table border=1 bordercolor="black"bordercolordark="red"
cellspacing=0 cellpadding=2>';
echo '<tr><th>NO</tr><th>氏名</th><th>出身</th><th>性別</th><th>仕事</th>';
echo '<th colspan=2>メンテ</th></tr>';
while($row=mysql_fetch_assoc($rs))//while内の記載が問題でしょうか？
{
//whileでデータを読み込み（上記の表示テーブル内のイメージが表示されてます。）
$name = mb_convert_encoding
($row['name'], "UTF-8", "UTF-8, JIS, eucjp-win, sjis-win");//文字化け防止
$id = mb_convert_encoding
($row['id'], "UTF-8", "UTF-8, JIS, eucjp-win, sjis-win");//文字化け防止
echo '<tr>';
echo '<td>'.$id.'</td><td>'.$name.'</td>';
echo '<td><input type="submit" value="更新" id="up" />';
echo '<input type="hidden" id="data" value='.$id.' />'.$id.'</td>';
echo '</tr>';
}
echo '</table>';
?>
<div id="box">ここに表示</div>
</body>
</html>
//sql.js JSの問題でしょうか？
$(function(){
$("#up").click(function () {
var upphp = $("#data").val();
$("#box").load("sqlup.php", { data:upphp});
});
});
//受信側sqlup.php
<html>
<head>
<title></title></head><body>
<?php
$conn =mysql_connect("","ユーザー","パスワード");
mysql_query("SET NAMES 'sjis' ", $conn);
mysql_select_db("データベース",$conn);
$id=$_POST["data"];//値データはsql.jsから…
$sql ="select * from テーブル名 where id=${id}";
$rs = mysql_query($sql,$conn);
$row = mysql_fetch_assoc($rs);
$name = mb_convert_encoding
($row['name'], "UTF-8", "UTF-8, JIS, eucjp-win, sjis-win");//文字化け防止
mysql_close($conn);
?>
<table border=1 style="width:300;">
<tr><th style="width:100;">登録番号</th><td style="width:200;"><?= $id ?></td></tr>
<tr><th>名前</th>
<td><input type="text" name="name" value=<?= $name ?> >
</td></tr></table>
<tr><td colspan="2" align="center">
</td></tr></table>
</body>
</html>
説明がへたで本当にすみません。。どなたか、解決策ご存知でしたら、
よろしくお願いしたいます。。。お力を貸してください。。
お礼
fujillinさんご回答ありがとうございました。いろいろ参考に やっていたら、おかげ様で解決しました。初心者ですみませんでした。。。 また、掲示版で見かけたら、お力貸してくくださいね。。ありがとうございました。感謝です。 お聞きしたままでは失礼かと思いますので、微妙ですが解決例を↓に。。 えっと、解決策はinputのタイプを”hidden””submit”から"button"に変更し、 onclick箇所にjavascript記載でできました。 こんな感じ <input type="button" value="リンク" onclick="javascript:up(',$id,')"> //sql.js上では function up(データ名) {$("#表示先ID").load("パス先",{id名:データ名});} こんな感じです。
補足
どうも、回答ありがとうございます。 確かにwhile分で、id="up",id="data"は繰り返してる処理かと思います。 念のため、'<input type="hidden" id="data" value='.$id.' />'をwhile｛｝の外に記載すると、最後の「ｃｃｃ」の値がでて、「AAA」が送信できなくなります。。。 どなたか、お力を引きつづきお貸しいただけないでしょうか？。。。