dポイントプレゼントキャンペーン実施中!

JQUERY,PHP,whlie内のinputについて

JQUERY,PHPを勉強してます。初心者です。。
PHPで、mysqlのデータ読み込み(SQL読み込み、表示はできてます)
テーブル表示は下記ような感じです。
(表示テーブル内のイメージ。。)
ID 名前
1 AAA 送信ボタン |(type submit 利用)
2 BBB 送信ボタン |(type submit 利用)whileで表示
3 CCC 送信ボタン |(type submit 利用)whileで表示

1 AAA IDの送信はうまくいき、受け取ったphpファイルが表示されますが、
2 BBB 、3 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>

説明がへたで本当にすみません。。どなたか、解決策ご存知でしたら、
よろしくお願いしたいます。。。お力を貸してください。。

A 回答 (1件)

phpはほとんど知りませんが…



最初に作成されるソースって、id="up"、id="data"の要素が重複していませんか?
その時にセレクタでid指定した際のjqueryの動作を検証してはいませんが、想像では最初に該当するidの要素を返すか、あるいはnullを返すかではないのかなぁ。
いずれにしろ、期待した要素が返される保証はないでしょう。
もともと、HTMLではidは唯一というルールだし…。

「AAA」で動作するというのは、AAAが最初の該当する要素だから、そこだけにclickイベントの処理が設定されているということではないのでしょうか?(多分、残りのボタンには設定されていない)

(ここから推理すれば、最初に該当するid要素を返しているらしい)

この回答への補足

どうも、回答ありがとうございます。
確かにwhile分で、id="up",id="data"は繰り返してる処理かと思います。
念のため、'<input type="hidden" id="data" value='.$id.' />'をwhile{}の外に記載すると、最後の「ccc」の値がでて、「AAA」が送信できなくなります。。。

どなたか、お力を引きつづきお貸しいただけないでしょうか?。。。

補足日時:2010/03/18 10:15
    • good
    • 0
この回答へのお礼

fujillinさんご回答ありがとうございました。いろいろ参考に
やっていたら、おかげ様で解決しました。初心者ですみませんでした。。。
また、掲示版で見かけたら、お力貸してくくださいね。。ありがとうございました。感謝です。

お聞きしたままでは失礼かと思いますので、微妙ですが解決例を↓に。。

えっと、解決策はinputのタイプを”hidden””submit”から"button"に変更し、
onclick箇所にjavascript記載でできました。
こんな感じ
<input type="button" value="リンク" onclick="javascript:up(',$id,')">
//sql.js上では
function up(データ名)
{$("#表示先ID").load("パス先",{id名:データ名});}
こんな感じです。

お礼日時:2010/03/18 14:11

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!