Php 如何知道用户单击了哪个图像？
我正在建立一个新网站，我希望能够检测到用户在OnlinePizzaOrderingPage.html上单击了哪个比萨饼，并在ShoppingCart.php上回显单击的比萨饼的名称 我已尝试创建表单，但无法创建表单，因为任务要求是我无法使用表单，用户必须单击图像。我曾尝试使用get和post，但在没有表单的情况下无法工作 OnlinePizzaOrderingPage.htmlPhp 如何知道用户单击了哪个图像？,php,html,Php,Html,我正在建立一个新网站，我希望能够检测到用户在OnlinePizzaOrderingPage.html上单击了哪个比萨饼，并在ShoppingCart.php上回显单击的比萨饼的名称 我已尝试创建表单，但无法创建表单，因为任务要求是我无法使用表单，用户必须单击图像。我曾尝试使用get和post，但在没有表单的情况下无法工作 OnlinePizzaOrderingPage.html <!DOCTYPE html> <html> <head>
<!DOCTYPE html>
<html>
<head>
<title>Online Pizza Ordering Page</title>
</head>
<body>
<h1>Online Pizza Ordering Page</h1>
<a href="Detailedsauceandquantitypage.html"><img src="supreme.jpg"
width="82" height="86" title="Detailed sauce and quantity page"
alt="Supreme"></a>
<a href="Detailedsauceandquantitypage.html"><img src="meatlover.jpg"
width="82" height="86" title="Detailed sauce and quantity page"
alt="Meatlover"></a>
<a href="Detailedsauceandquantitypage.html"><img src="hawaii.jpg"
width="82" height="86" title="Detailed sauce and quantity page"
alt="Hawaii"></a>
<a href="Detailedsauceandquantitypage.html"><img src="fourseasons.jpg"
width="82" height="86" title="Detailed sauce and quantity page" alt="Four
Seasons"></a>
<a href="Detailedsauceandquantitypage.html"><img src="vege.jpg" width="82"
height="86" title="Detailed sauce and quantity page" alt="Vege"></a>
</body>
</html>
在线比萨饼订购页面
在线比萨饼订购页面
<!DOCTYPE html>
<html>
<head>
<title>Shopping Cart page</title>
</head>
<body>
<h1>Shopping Cart page</h1>
<?php
// define variables and set to empty values
$bbqPizza = $tomatoPizza = $salsaPizza = "";
if ( isset( $_POST['submit'] ) ) {
$bbq = $_POST["bbqPizza"];
$tomato = $_POST["tomatoPizza"];
$salsa = $_POST["salsaPizza"];
echo $bbq . " pizzas with bbq sauce, " . $tomato . " pizzas with tomato sauce and " . $salsa . " pizzas with salsa sauce.";
}
?>
<br>
<a href="OnlinePizzaOrderingPage.html">Add more pizzas to cart</a>
<a href="Checkoutpage.html">Go to checkout</a>
</body>
</html>
购物车页面
购物车页面
我希望Checkoutpage.html能够响应用户在在线比萨饼订购页面中单击的比萨饼图像对应的比萨饼名称。实际结果为零。您可以为此使用jquery
$(function(){
$('a').click(function(e) {
e.preventDefault();
var img_title = $('img', this).attr('title');
alert(img_title);
});
});
<img src="supreme.jpg"
width="82" height="86" title="Detailed sauce and quantity page"
alt="Supreme" onclick="imageTitle(this.title);">
<script>
function imageTitle(title){
alert(title);
console.log(title);
}
</script>
函数图像标题（标题）{
警报（标题）；
控制台日志（标题）；
}