Register Register Member Login Member Login Member Login 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

 
Topic : 135690



โพสกระทู้ ( 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
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2020-11-04 11:04:22 By : mojiup View : 1864 Reply : 3
 

 

No. 1



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



สถานะออฟไลน์


อธิบายเพิ่มเติมครับ คือ จาก ต.ย สอง คือตัด select 3,4 ไปเลยแทนด้วย ปุ่ม submit แล้วกดจะเช็คค่าตัวบนสองตัวแล้วไป query แสดงภาพมาอีกเพจหรือเพจเดิมอะไรแบบนี้น่ะครับที่อยากให้เป็น พอรู้หลักการแต่ไม่รู้วิธีเขียน
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-11-04 11:07:56 By : mojiup
 

 

No. 2



โพสกระทู้ ( 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 )



สถานะออฟไลน์
Twitter Facebook Blogger

ไม่ใช่ session ค้าง แต่ เข้าผิดงาน
ศึกษาเรื่อง event เพิ่มเติม
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-11-23 11:20:04 By : PhrayaDev
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : วิธีรับค่าจาก 2 drop down list แล้วแสดงรูปจาก Database
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
 Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)





ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2025 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่