作者nircosk (大侠)
看板PHP
标题[请益] php内button失效
时间Sat Jul 25 14:44:30 2015
小弟目前写了一个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://webptt.com/cn.aspx?n=bbs/PHP/M.1437806672.A.C75.html
1F：→ crossdunk: BUTTON的css怎不分出来写 07/25 15:15
2F：→ nircosk: 但button还是没反应耶 07/26 05:43
3F：→ shvanta: id="unbook" 这边会重复, 一个页面只能有一个唯一的 ID 07/26 09:15
5F：→ KawasumiMai: ID只能有一个，class可以有很多个 07/26 19:37
6F：→ KawasumiMai: 要下event请用id不然就得用selector，要统一上css 07/26 19:38
7F：→ KawasumiMai: 请爱用class 07/26 19:38
8F：→ NioTW: 除了上面说的 id 会出现重复，css要分离写之外，button 是 07/27 01:23
9F：→ NioTW: inline 元素，即便 display:block 照w3c规范里面应该只有 07/27 01:23
10F：→ NioTW: img 和 text。加div 不正确。 07/27 01:23
11F：→ Yench: id是唯一的 没错 09/01 16:07