Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 107,913

HOME > PHP > PHP Forum > จากหัวข้อ การนำ jQuery มาทำ AutoFill ข้อมูล ถ้าจะให้ดึง path รูปภาพต้องทำยังไงหรอครับ



 

จากหัวข้อ การนำ jQuery มาทำ AutoFill ข้อมูล ถ้าจะให้ดึง path รูปภาพต้องทำยังไงหรอครับ

 



Topic : 134467



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



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




ขอสอบถาม พี่หน่อยครับ พอดีผมศึกษาหัวข้อ การนำ jQuery มาทำ AutoFill ถ้าผมจะให้ auto fillมาแสดงรูปภาพจากฐานข้อมูลต้องทำยังไงหรอครับพี่



Tag : PHP, JavaScript, jQuery







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2019-11-06 14:17:26 By : erlnw001 View : 52 Reply : 7
 

 

No. 1



โพสกระทู้ ( 2,183 )
บทความ ( 5 )

สมาชิกที่ใส่เสื้อไทยครีเอท

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

ต้องการแสดงชื่อและ path รูปภาพ หรือต้องการแสดงรูปภาพ จากชื่อหรือการที่ค้นหาแบบ AutoFill ครับ
ถ้าอย่างแรกก็ return ค่า ใน php มาได้เลยครับ
แต่ถ้าอย่างที่ 2 อาจจะต้องใช้ function success หรือ result แล้วแสดง $("#element_id").html("<img src='"+imgObj+"'">);






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2019-11-06 14:55:36 By : Manussawin
 


 

No. 2



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



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


ตอบความคิดเห็นที่ : 1 เขียนโดย : Manussawin เมื่อวันที่ 2019-11-06 14:55:36
รายละเอียดของการตอบ ::
ต้องการแสดงรูปภาพครับพี่ เพราะใน db ผมเก็บเฉพาะชื่อรูปไว้ อะครับพี่



ประวัติการแก้ไข
2019-11-06 15:49:08
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2019-11-06 15:20:39 By : erlnw001
 

 

No. 3



โพสกระทู้ ( 2,183 )
บทความ ( 5 )

สมาชิกที่ใส่เสื้อไทยครีเอท

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

ต้องเอา code ส่วนนั้นมาดูครับ ตอน query แล้ว return ข้อมูลออกมาเป็น json หรือเปล่าครับ จะได้ append ค่า หรือแสดงผลข้อมูลที่ได้ ซึ่งเราอาจจะส่งค่า ชื่อไฟล์รูป แล้วใช้ javascript หรือ jquery ดึงมาแสดงครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2019-11-06 16:38:04 By : Manussawin
 


 

No. 4



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



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


ตอบความคิดเห็นที่ : 3 เขียนโดย : Manussawin เมื่อวันที่ 2019-11-06 16:38:04
รายละเอียดของการตอบ ::
อันนี้หน้า return ครับพี่
Code (PHP)
<?php
	include("condb/condb.php");
	$dblink =connect_db();
	$strSQL = "SELECT * FROM customer WHERE 1 AND CustomerID = '".$_POST["sCusID"]."' ";
	$objQuery = mysqli_query($dblink, $strSQL);
	$intNumField = mysqli_num_fields($objQuery);
	$resultArray = array();
	/*while($obResult = mysqli_fetch_array($objQuery))
	{
		$arrCol = array();
		for($i=0;$i<$intNumField;$i++)
		{
			$arrCol[mysqli_field_name($objQuery,$i)] = $obResult[$i];
		}
		array_push($resultArray,$arrCol);
		
	}*/
	while($obResult = mysqli_fetch_assoc($objQuery)){
		$resultArray[]=$obResult;
	}
	
	//mysqli_close($objConnect);
	
	echo json_encode($resultArray);
?>


อันนี้หน้า html ครับ
Code (PHP)
<html>
<head>
<title>ThaiCreate.Com</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){

	$("#txtCustomerID").change(function(){
			$.ajax({ 
				url: "returnCustomer2.php" ,
				type: "POST",
				data: 'sCusID=' +$("#txtCustomerID").val()
			})
			.success(function(result) { 

				var obj = jQuery.parseJSON(result);
				
					if(obj == '')
					{
						$('input[type=text]').val('');
					}
					else
					{
						  $.each(obj, function(key, inval) {

							   $("#txtCustomerID").val(inval["CustomerID"]);
							   $("#txtName").val(inval["Name"]);
							   $("#txtEmail").val(inval["Email"]);
							   $("#txtCountryCode").val(inval["CountryCode"]);
							   $("#txtBudget").val(inval["Budget"]);
							   $("#txtUsed").val(inval["Used"]);
							   //$("#im").html("<img src='"+im+"'">);

						  });
					}

			});

		});
	});
</script>
</head>
<body>
<h2>jQuery Auto fill �֧�������ѵ��ѵ�</h2>
<table width="302" border="1">
  <tr>
    <td width="104">CustomerID</td>
    <td width="153"><input type="text" id="txtCustomerID" name="txtCustomerID" size="5"></td>
  </tr>
  <tr>
    <td>Name</td>
    <td><input type="text" id="txtName" name="txtName" size="20"></td>
  </tr>
  <tr>
    <td>Email</td>
    <td><input type="text" id="txtEmail" name="txtEmail" size="25"></td>
  </tr>
  <tr>
    <td>CountryCode</td>
    <td><input type="text" id="txtCountryCode" name="txtCountryCode" size="2"></td>
  </tr>
  <tr>
    <td>Budget</td>
    <td><input type="text" id="txtBudget" name="txtBudget" size="5"></td>
  </tr>
  <tr>
    <td>Used</td>
    <td><input type="text" id="txtUsed" name="txtUsed" size="5"></td>
  </tr>
  <tr>
    <td>img</td>
    <td> <img src=""></td>
  </tr>
</table>

</body>
</html>



แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2019-11-06 17:41:58 By : erlnw001
 


 

No. 5



โพสกระทู้ ( 2,183 )
บทความ ( 5 )

สมาชิกที่ใส่เสื้อไทยครีเอท

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

ลองดูครับ ผมไม่ได้ทดสอบนะ แต่คอมเมนต์ไว้ให้แล้วครับ

Code (PHP)
<html>
<head>
<title>ThaiCreate.Com</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){

	$("#txtCustomerID").change(function(){
			$.ajax({ 
				url: "returnCustomer2.php" ,
				type: "POST",
				data: 'sCusID=' +$("#txtCustomerID").val()
			})
			.success(function(result) { 

				var obj = jQuery.parseJSON(result);
				
					if(obj == '')
					{
						$('input[type=text]').val('');
					}
					else
					{
						  $.each(obj, function(key, inval) {

							   $("#txtCustomerID").val(inval["CustomerID"]);
							   $("#txtName").val(inval["Name"]);
							   $("#txtEmail").val(inval["Email"]);
							   $("#txtCountryCode").val(inval["CountryCode"]);
							   $("#txtBudget").val(inval["Budget"]);
							   $("#txtUsed").val(inval["Used"]);
							   $(".resp_img").html("<img src='"+inval["ฟิลด์ที่เก็บชื่อรูปภาพ"]+"' width='200'>"); //ต้องไปคิวรี่มาจากไฟล์ returnCustomer2.php

						  });
					}

			});

		});
	});
</script>
</head>
<body>
<h2>jQuery Auto fill �֧�������ѵ��ѵ�</h2>
<table width="302" border="1">
  <tr>
    <td width="104">CustomerID</td>
    <td width="153"><input type="text" id="txtCustomerID" name="txtCustomerID" size="5"></td>
  </tr>
  <tr>
    <td>Name</td>
    <td><input type="text" id="txtName" name="txtName" size="20"></td>
  </tr>
  <tr>
    <td>Email</td>
    <td><input type="text" id="txtEmail" name="txtEmail" size="25"></td>
  </tr>
  <tr>
    <td>CountryCode</td>
    <td><input type="text" id="txtCountryCode" name="txtCountryCode" size="2"></td>
  </tr>
  <tr>
    <td>Budget</td>
    <td><input type="text" id="txtBudget" name="txtBudget" size="5"></td>
  </tr>
  <tr>
    <td>Used</td>
    <td><input type="text" id="txtUsed" name="txtUsed" size="5"></td>
  </tr>
  <tr>
    <td>img</td>
    <td><div class="resp_img"></div></td>
  </tr>
</table>

</body>
</html>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2019-11-07 14:52:56 By : Manussawin
 


 

No. 6



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



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


ตอบความคิดเห็นที่ : 5 เขียนโดย : Manussawin เมื่อวันที่ 2019-11-07 14:52:56
รายละเอียดของการตอบ ::
ได้แล้วครับพี่ขอบคุณพี่มากๆๆเลยนะครบพี่ ^^

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2019-11-07 16:19:07 By : erlnw001
 


 

No. 7



โพสกระทู้ ( 2,183 )
บทความ ( 5 )

สมาชิกที่ใส่เสื้อไทยครีเอท

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

ตอบความคิดเห็นที่ : 6 เขียนโดย : erlnw001 เมื่อวันที่ 2019-11-07 16:19:07
รายละเอียดของการตอบ ::
ครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2019-11-07 16:46:03 By : Manussawin
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : จากหัวข้อ การนำ jQuery มาทำ AutoFill ข้อมูล ถ้าจะให้ดึง path รูปภาพต้องทำยังไงหรอครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: Voake, Comcube, รับทำเว็บไซต์ รับเขียนโปรแกรม

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