|
 |
| |
ปัญหาเรื่องเอาราคามาคูณกับจำนวนแล้วโชว์ผลลัพธ์อีกหน้า แต่ value ของ option มันรวมกับขนาดอยู่ |
| |
 |
|
|
 |
 |
|
ผมอยากให้กดปุ่มแล้วให้มันเอาราคามาคูณกับจำนวนแล้วโชว์ผลลัพธ์อีกหน้า แต่ตอนนี้ value ของ option มันรวมกับขนาดอยู่ ผมควรแก้ยังไงดีครับ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="Style form.css">
<script src="https://kit.fontawesome.com/ac4dfd0a23.js" crossorigin="anonymous"></script>
<link rel="icon" type="image/gif/png" href="images/logo.jpg">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<title>Project</title>
</head>
<body>
<!-- Page Wrapper -->
<div class="page-wrapper">
<!-- Form -->
<div class="container">
<form action="process.php" method="POST">
<center><h2>กรอกข้อมูลของท่าน</h2></center>
<label for="size">ขนาดป้าย</label>
<select name="select" id="size" required>
<option id="size" name="slct" value="" selected> เลือกขนาดป้ายไวนิล</option>
<option id="size" name="slct1" value="1x1 เมตร,ราคา 200บาท" > 1x1 เมตร ราคา 200 บาท</option>
<option id="size" name="slct2" value="1x2 เมตร,ราคา 300บาท" >1x2 เมตร ราคา 300 บาท</option>
<option id="size" name="slct3" value="1x3 เมตร,ราคา 450บาท"> 1x3 เมตร ราคา 450 บาท</option>
<option id="size" name="slct4" value="1.20x2.40 เมตร,ราคา 450บาท" > 1.20x2.40 เมตร ราคา 450 บาท</option>
<option id="size" name="slct5" value="1.50x3 เมตร,ราคา 750บาท" > 1.50x3 เมตร ราคา 750 บาท</option>
<option id="size" name="slct6" value="2x4 เมตร,ราคา 1,200บาท"> 2x4 เมตร ราคา 1,200 บาท</option>
</select><br>
<label for="amou">จำนวน</label>
<input type="text" id="amount" name="amount" placeholder="จำนวน" required><br>
<input type="submit" name="submit" value="Submit" >
</form>
</div>
</div>
</div>
</div>
</div>
<!-- End PageWrapper -->
</body>
</html>
Tag : PHP, HTML, JavaScript, XAMPP
|
|
|
 |
 |
 |
 |
| Date :
2021-08-31 18:04:05 |
By :
Arno |
View :
412 |
Reply :
4 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ลายตามากครับ
ควรเอาโค้ดวางแบบข้างล่างนะครับเผื่อคนอื่นมาอ่าจะได้ดูง่ายๆครับ
Code (PHP)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="Style form.css">
<script src="https://kit.fontawesome.com/ac4dfd0a23.js" crossorigin="anonymous"></script>
<link rel="icon" type="image/gif/png" href="images/logo.jpg">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<title>Project</title>
</head>
<body>
<!-- Page Wrapper -->
<div class="page-wrapper">
<!-- Form -->
<div class="container">
<form action="process.php" method="POST">
<center><h2>กรอกข้อมูลของท่าน</h2></center>
<label for="size">ขนาดป้าย</label>
<select name="select" id="size" required>
<option id="size" name="slct" value="" selected> เลือกขนาดป้ายไวนิล</option>
<option id="size" name="slct1" value="1x1 เมตร,ราคา 200บาท" > 1x1 เมตร ราคา 200 บาท</option>
<option id="size" name="slct2" value="1x2 เมตร,ราคา 300บาท" >1x2 เมตร ราคา 300 บาท</option>
<option id="size" name="slct3" value="1x3 เมตร,ราคา 450บาท"> 1x3 เมตร ราคา 450 บาท</option>
<option id="size" name="slct4" value="1.20x2.40 เมตร,ราคา 450บาท" > 1.20x2.40 เมตร ราคา 450 บาท</option>
<option id="size" name="slct5" value="1.50x3 เมตร,ราคา 750บาท" > 1.50x3 เมตร ราคา 750 บาท</option>
<option id="size" name="slct6" value="2x4 เมตร,ราคา 1,200บาท"> 2x4 เมตร ราคา 1,200 บาท</option>
</select><br>
<label for="amou">จำนวน</label>
<input type="text" id="amount" name="amount" placeholder="จำนวน" required><br>
<input type="submit" name="submit" value="Submit" >
</form>
</div>
</div>
</div>
</div>
</div>
<!-- End PageWrapper -->
</body>
</html>
|
| |
|
|
| |
| Date :
2021-09-01 08:27:11 |
By :
kittitnun |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
Code (PHP)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="Style form.css">
<script src="https://kit.fontawesome.com/ac4dfd0a23.js" crossorigin="anonymous"></script>
<link rel="icon" type="image/gif/png" href="images/logo.jpg">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<title>Project</title>
</head>
<body>
<!-- Page Wrapper -->
<div class="page-wrapper">
<!-- Form -->
<div class="container">
<form action="process.php" method="POST">
<center><h2>กรอกข้อมูลของท่าน</h2></center>
<label for="size">ขนาดป้าย</label>
<select name="select" id="size" required>
<option id="size" name="slct" value="" selected> เลือกขนาดป้ายไวนิล</option>
// แก้สีแดงให้เป็นแค่ราคา Id name ตรง <option> ลองศึกษาการใช้เพิ่มเติมดูครับ
// เช่น <option value="200" > 1x1 เมตร ราคา 200 บาท</option>
<option id="size" name="slct1" value="1x1 เมตร,ราคา 200บาท" > 1x1 เมตร ราคา 200 บาท</option>
<option id="size" name="slct2" value="1x2 เมตร,ราคา 300บาท" >1x2 เมตร ราคา 300 บาท</option>
<option id="size" name="slct3" value="1x3 เมตร,ราคา 450บาท"> 1x3 เมตร ราคา 450 บาท</option>
<option id="size" name="slct4" value="1.20x2.40 เมตร,ราคา 450บาท" > 1.20x2.40 เมตร ราคา 450 บาท</option>
<option id="size" name="slct5" value="1.50x3 เมตร,ราคา 750บาท" > 1.50x3 เมตร ราคา 750 บาท</option>
<option id="size" name="slct6" value="2x4 เมตร,ราคา 1,200บาท"> 2x4 เมตร ราคา 1,200 บาท</option>
</select><br>
<label for="amou">จำนวน</label>
<input type="text" id="amount" name="amount" placeholder="จำนวน" required><br>
<input type="submit" name="submit" value="Submit" >
</form>
</div>
</div>
</div>
</div>
</div>
<!-- End PageWrapper -->
</body>
</html>
process.php
<?php
$select = $_POST["select"];
$amount = $_POST["amount"];
// echo เพื่อเช็คครับว่าค่ามาตรงกันไหม
echo $select ;
echo $amount ;
//ถ้ามาตรงก็เอาที่ได้ไปทำอะไรก็แล้วแต่ครับ
?>
|
ประวัติการแก้ไข
2021-09-01 08:45:56
2021-09-01 08:47:53
2021-09-01 08:47:59
2021-09-01 09:12:19
| |
|
|
| |
| Date :
2021-09-01 08:45:15 |
By :
kittitnun |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
<option value="200">1x1 เมตร ราคา 200 บาท</option>
|
| |
|
|
| |
| Date :
2021-09-01 09:33:21 |
By :
Guest |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 04
|
