Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,038

HOME > PHP > PHP Forum > วิธีรับค่าจาก 2 drop down list แล้วแสดงรูปจาก Database

วิธีรับค่าจาก 2 drop down list แล้วแสดงรูปจาก Database

เริ่มหัวข้อใหม่

mojiup

โพสกระทู้ ( 0 )
บทความ ( 0 )

สวัสดีครับอยากจะถามว่ามีวิธีใดหรือCode ไหนที่จะรับค่าจาก 2 selection dropdown list มาแล้วแสดงค่าไหมครับ พอดีผมลองทำแบบ 4 ตัวแต่ไม่สามารถแสดงรูปในช่องที่ต้องการได้ พอดีไม่ชำนาญphp ครับ นี้คืออยากให้ที่เป็นครับ อันนี้เป็นแบบ รับค่าจากข้างบนมาแล้วแสดงลงกรอบด้านล่างครับ ตัวอย่าง

กับอีกแบบที่คิดว่าน่าจะง่าย คือรับ list สองอันบนมาแล้วแสดง ค่า ด้านล่าง ตัวอย่างสอง

ผมพอเข้าใจหลักการแต่เขียนไม่เป็นครับ คือกด summit แล้วรับค่าที่เป็น main มาเช็ค <a href="xxxx.php?id=<?php echo $result["id"];?>btn น่าจะประมาณนี้แต่ผมลองเขียนแล้ว error ครับ อันนี้คือcode ที่ผมยังไม่ใส่ค่าใดๆครับเป็นแบบ 4 dynamic select ลิงค์รูปจาก Databaseจริงๆจะเป็น url ออนไลน์แบบนี้ครับ
indexCode (PHP)

<?php
//index.php

include('database_connection.php');

$book = '';

$query = "
	SELECT book FROM oppa GROUP BY book ORDER BY book ASC
";
$statement = $connect->prepare($query);

$statement->execute();

$result = $statement->fetchAll();

foreach($result as $row)
{
	$book .= '<option value="'.$row["book"].'">'.$row["book"].'</option>';
}

?>
<!DOCTYPE html>
<html>
	<head>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
		<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
		<script src="jquery.lwMultiSelect.js"></script>
		<link rel="stylesheet" href="jquery.lwMultiSelect.css" />

		
	</head>
	<body>
		<br /><br />

		<div class="container" style="width:900px;">
			  <div class="panel panel-default">
        <div class="panel-heading">Test</div>
        <div class="panel-body">
		<div class="col-sm-6">
				<select name="book" id="book" class="form-control action">
				<option value="">Select Type Book</option>
				<?php echo $book; ?>
				</select>
				</div>
				
				<div class="col-sm-6">
				<select name="nk" id="nk" class="form-control action">
				<option value="">Select Name</option>
				</select>
				</div><br/><br/><br/>
				
				<div class="col-sm-6">
				<select name="ao" id="ao" class="form-control action">
				<option value="">Show Pic	</option>
				</select>
				</div>

				<div class="col-sm-6">
				<select name="co" id="co" class="form-control action">
				<option value="">Show Pic</option>
				</select>
				</div>


				</div>
				<br />
		</div>
		</div>
		</div>
		</div>
	</body>
</html>

<script>
$(document).ready(function(){

	$('#city').lwMultiSelect();
	$('.action').change(function(){
		if($(this).val() != '')
		{
			var action = $(this).attr("id");
			var query = $(this).val();
			var result = '';
			if(action == 'book')
			{
				result = 'nk';
			}else
			{
				result ='ao';
			}

			if(action == 'ao')
			{ 
				result='co';
			}
			
			$.ajax({
				url:'fetch.php',
				method:"POST",
				data:{action:action, query:query},
				success:function(data)
				{
					$('#'+result).html(data);
				}
			})
		}
	});
	
});
</script>

fetch.php Code (PHP)

<?php
//fetch.php

if(isset($_POST['action']))
{
	include('database_connection.php');
	$output = '';
	if($_POST["action"] == 'book')
	{
		$query = "
		SELECT nk FROM oppa 
		WHERE book = :book 
		GROUP BY nk
		";
		$statement = $connect->prepare($query);
		$statement->execute(
			array(
				':book'		=>	$_POST["query"]
			)
		);
		$result = $statement->fetchAll();
		$output .= '<option value="">Select Name</option>';
		foreach($result as $row)
		{
			$output .= '<option value="'.$row["nk"].'">'.$row["nk"].'</option>';
		}
	}

	if($_POST["action"] == 'nk')
	{
		$query = "
		SELECT ao FROM oppa 
		WHERE nk = :nk
		";
		$statement = $connect->prepare($query);
		$statement->execute(
			array(
				':nk'		=>	$_POST["query"]
			)
		);
		$result = $statement->fetchAll();
		$output .= '<option value="">Show Pic</option>';
		foreach($result as $row)
		{
			$output .= '<option value="'.$row["ao"].'">'.$row["ao"].'</option>';
		}
	}

	if($_POST["action"] == 'ao')
	{
		$query = "
		SELECT co FROM oppa 
		WHERE ao = :ao
		";
		$statement = $connect->prepare($query);
		$statement->execute(
			array(
				':ao'		=>	$_POST["query"]
			)
		);
		$result = $statement->fetchAll();
		foreach($result as $row)
		{
			$output .= '<option value="'.$row["co"].'">'.$row["co"].'</option>';
			
		}
	}	

	echo $output;
}

?>

ขอคำแนะนำด้วยครับ หรือแนะแนวทาง Keyword ไว้หาข้อมูล ขอบคุณครับ

Tag : PHP, HTML5, Ajax, jQuery, XAMPP

ประวัติการแก้ไข
2020-11-04 11:22:58
2020-11-04 11:23:27

Date : 2020-11-04 11:04:22

By : mojiup

View : 1833

Reply : 3

No. 1

mojiup

โพสกระทู้ ( 0 )
บทความ ( 0 )

อธิบายเพิ่มเติมครับ คือ จาก ต.ย สอง คือตัด select 3,4 ไปเลยแทนด้วย ปุ่ม submit แล้วกดจะเช็คค่าตัวบนสองตัวแล้วไป query แสดงภาพมาอีกเพจหรือเพจเดิมอะไรแบบนี้น่ะครับที่อยากให้เป็น พอรู้หลักการแต่ไม่รู้วิธีเขียน

Date : 2020-11-04 11:07:56

By : mojiup

No. 2

mojiup

โพสกระทู้ ( 0 )
บทความ ( 0 )

ทำแบบ ปุ่มได้แล้วครับแต่ติดตรง เวลากด F5 มันค้างค่าเดิม ยกเว้นจะไปจิ้มที่ url แล้ว กด search again ถึงจะหายครับ อันนี้เรียกว่า session ค้างรึเปล่าครับ หรือ ต้อง clear ด้วยฟังค์ชั่นสักอย่างรึเปล่าครับ

done

ที่ใส่เพิ่มไปคือสร้าง form post ครอบ select แล้วกด btn แล้วสร้าง post submit echo มา
Code (PHP)

<form action="" method="post">
				<select name="book" id="book" class="form-control action">
				<option value="">Select Type Book</option>
				<?php echo $book; ?>
				</select>
				</div>
				
				<div class="col-sm-6">
				<select name="nk" id="nk" class="form-control action">
				<option value="">Select Name</option>
				</select>
				</div><br/><br/><br/>
				
				<div class="col-sm-6">
				<select name="ao" id="ao" class="form-control action">
				<option value="">Show Pic	</option>
				</select>
				</div>

				<div class="col-sm-6">
				<select name="co" id="co" class="form-control action">
				<option value="">Show Pic</option>
				</select>
				<br/><br/>
				</div>
				<input type="submit" name="submit" value="Submit"/>
			</form>

Code (PHP)

				<?php 
if(isset($_POST['submit'])){ 
	echo 'Book name : '.$_POST['book']; 
	echo '<br/> Show Image of book <br/><img src="'.$_POST['ao'].'"/>';
} 
?>

Date : 2020-11-04 11:56:24

By : mojiup

No. 3

พระยาเทพ

โพสกระทู้ ( 1,458 )
บทความ ( 0 )

ไม่ใช่ session ค้าง แต่ เข้าผิดงาน

ศึกษาเรื่อง event เพิ่มเติม

Date : 2020-11-23 11:20:04

By : PhrayaDev

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : วิธีรับค่าจาก 2 drop down list แล้วแสดงรูปจาก Database

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก