すべてのボタンが同じデータ行のみを制御するのはなぜですか?
- WBOYオリジナル
- 2016-06-23 14:03:481011ブラウズ
すべてのボタンが同じデータ行のみを制御するのはなぜですか?どうやって解決すればいいのでしょうか？
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><script language="javascript" type="text/javascript"> function showtd(num) { document.getElementById("bg"+num).style.display = "none"; document.getElementById("show"+num).style.display = "block"; document.getElementById("ba"+num); document.getElementById("gn"+num); } function hidetd(num) { document.getElementById("bg"+num).style.display = 'block'; document.getElementById("show"+num).style.display = 'none'; } function showtext(){ document.getElementById("a").removeAttribute("readOnly"); document.getElementById("b").removeAttribute("readOnly"); document.getElementById("c").removeAttribute("readOnly"); document.getElementById("d").removeAttribute("readOnly"); document.getElementById("e").removeAttribute("readOnly"); document.getElementById("f").removeAttribute("readOnly"); } function hidetext(){ document.getElementById("a").readOnly="true"; document.getElementById("b").readOnly="true"; document.getElementById("c").readOnly="true"; document.getElementById("d").readOnly="true"; document.getElementById("e").readOnly="true"; document.getElementById("f").readOnly="true"; } </script></head><body> <form> <table border="1"> <?php $db = mysql_connect('localhost','root','root'); mysql_select_db('ec',$db); if (!$db) { die('Could not connect: ' . mysql_error()); } $result = mysql_query("select * from goods"); echo "<tr> <th>GoodsID</th> <th>BarCode</th> <th>GoodsName</th> <th>Category</th> <th>Specifications</th> <th>Manufacturers</th> <th>Numbers</th> <th>Instructions</th> <th>Pictures</th> <th>Update</th> <th>Delete</th> </tr>"; $n = 0; while($row = mysql_fetch_array($result)) { echo "<tr>"; echo "<td>" . $row['id'] . "</td>"; echo "<td>" . "<input type='text' id='a' value='$row[barcode]' style='width:60px;border:0px' readOnly>" . "</td>"; echo "<td>" . "<input type='text' id='b' value='$row[goods_name]' style='width:90px;border:0px' readOnly>" . "</td>"; echo "<td>" . $row['category'] . "</td>"; echo "<td>" . "<input type='text' id='c' value='$row[specifications]' style='width:90px;border:0px' readOnly>" . "</td>"; echo "<td>" . "<input type='text' id='d' value='$row[manufacturers]' style='width:90px;border:0px' readOnly>" . "</td>"; echo "<td>" . "<input type='text' id='e' value='$row[number]' style='width:60px;border:0px' readOnly>" . "</td>"; echo "<td>" . "<input type='text' id='f' value='$row[instruction]' style='width:80px;border:0px' readOnly>" . "</td>"; echo "<td>" . "<img src = '$row[picture_url]' style='width:80px;height=60px'/>" . "</td>"; echo "<td id='bg$n'>". "<input id='btnshow$n' type='button' value='Update' onclick='showtd($n);showtext()' />". "</td>". "<td id='show$n' style='display:none'>". "<input id='btnclose$n' type='button' value='Save' onclick='hidetd($n);hidetext()'/>". "</td>"; echo "<td>"."<a href='delete.php?id=$row[id]'>"."Delete"."</a>"."</td>"; echo "</tr>"; ++$n; } mysql_close($db);?> </table></form></body></html>
ディスカッション (解決策) への返信
あなたのコードには文法上の問題がたくさんあるといつも感じます
あなたのコードには文法上の問題がたくさんあるといつも感じます
正常に実行できます。
ループ出力には id='a' がいくつありますか?
次に、 document.getElementById("a") は何を取得します...
状況は何ですか?データベースから読み取ったIDは正しいですか？ 8bf7ce5b57b2b7c56c216485e65fa55dこの ID は渡されているはずです。もう一度お試しください~
ループ出力には id='a' がいくつありますか?
それでは、 document.getElementById("a") は何を取得しますか...
私もこの ID の問題だと思いますが、変更方法がわかりません。
何が起こっているのですか？データベースから読み取ったIDは正しいですか？ 8bf7ce5b57b2b7c56c216485e65fa55dこの ID が渡されているはずです。もう一度試してみましょう~
a タグで読み取られた ID は、データベースに設定した主キーであり、 d5fd7aea971a85678ba271703566ebfdd の ID は 2 つの異なるものです。
1 階の chendong_j からの返信を引用します:
あなたのコードには文法上の問題がたくさんあるといつも感じます
正常に実行できます。
lz がとても強力だと突然感じました
各行と列の ID は同じですが、getElementById を使用してそれらを見つけるにはどうすればよいですか?
行 65 ～ 71 セット ID はすべて繰り返されています。それらを区別したい場合は、セット ID (a、b、c...) の前に $row['id'] を付け加えて区別できます。