[請益] php內button失效
小弟目前寫了一個php檔要從資料庫撈數據出來，現在要做進一步的顯示，結果在
裡面設了一個button就失效了，js的function都跑不出來，想請問是什麼問題
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf8">
<style>
.body{
font-family:MS Gothic;
}
</style>
<script type="text/javascript">
function change(){
var png=document.getElementById('unbook');
if(png.src.match("book1")){
png.src="img/test/book2.png";
}
else{
png.src="img/test/book1.png";
}
}
function pass(gg){
document.write(gg);
}
</script>
</head>
<body>
<?php
$q = $_GET['a'];
$con = mysqli_connect('localhost','root','','demo1');
if (!$con) {
die('Could not connect: ' . mysqli_error($con));
}
mysqli_select_db($con , "demo1");
mysql_query("SET NAMES 'UTF8'");
$sql="SELECT * FROM od where origin='$q'";
$result = mysqli_query($con,$sql);
while($row = @mysqli_fetch_array($result)) {
?>
<img src="img/test/book2.png" id="unbook" onclick="change()" style="float:left; ">
<button style="display:block;
margin:30px;
border-width:1px; border-style:solid; border-color:grey;
background-color:rgb(248,248,245);
width:80%;
height:100px;" onclick="pass(this.value)" value="vfdcz">
<img src="img/1.jpg" style="display:inline; float:left; height:90px;">
<?php
echo "<div >";
echo "出發: " . $row['origin'] . "";
echo "</div>";
echo "<div>";
echo "停靠: " . $row['stop'] . "";
echo "</div>";
echo "<div>";
echo "終點: " . $row['destination'] . "";
echo "</div>";
?>
</button>
<?php
}
mysqli_close($con);
?>
</body>
</html>
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 175.182.27.53
※ 文章網址: https://www.ptt.cc/bbs/PHP/M.1437806672.A.C75.html
→
07/25 15:15, , 1F
07/25 15:15, 1F
→
07/26 05:43, , 2F
07/26 05:43, 2F
→
07/26 09:15, , 3F
07/26 09:15, 3F
→
07/26 09:18, , 4F
07/26 09:18, 4F
→
07/26 19:37, , 5F
07/26 19:37, 5F
→
07/26 19:38, , 6F
07/26 19:38, 6F
→
07/26 19:38, , 7F
07/26 19:38, 7F
→
07/27 01:23, , 8F
07/27 01:23, 8F
→
07/27 01:23, , 9F
07/27 01:23, 9F
→
07/27 01:23, , 10F
07/27 01:23, 10F
→
09/01 16:07, , 11F
09/01 16:07, 11F