Forgot Password ??

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

	Registered : 109,037

HOME > PHP > PHP Forum > เลือกสินค้าผ่าน Combobox แล้วให้มันแสดงรูปภาพ ทำไงครับช่วยที

เลือกสินค้าผ่าน Combobox แล้วให้มันแสดงรูปภาพ ทำไงครับช่วยที

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

หนอนน้อย

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

อยากทราบว่าเวลาเราเลือกข้อมูลจาก Combo Box แล้วให้รายละเอียดส่วนอื่นของ Product ที่ดึงจากฐานข้อมูลขึ้นมาโชว์ใน textbox แล้วต้องการให้ดึงรูปขึ้นมาโชว์ด้วยทำยังไงครับ พวกข้อความลง textbox ของผมมันขึ้นหมดแล้วเหลือแต่รูปที่ยังทำไม่ได้ ช่วยทีครับ

ผมทำตามบทความนี้ซึ้งไม่มีการดึงรูปขึ้นมา มีแต่ text

https://www.thaicreate.com/community/list-select-menu-auto-fill-textbox.html

ส่วนอันนี้เป็น Code ที่ผมทำ

Code

	<script language="javascript">
    function resutName(strCusName)
{
	frmMain.productname.value = strCusName.split("|")[0];
	frmMain.image.value = strCusName.split("|")[1];
	frmMain.ram.value = strCusName.split("|")[2];
	frmMain.rom.value = strCusName.split("|")[4];
	frmMain.os.value = strCusName.split("|")[5];
	frmMain.camera.value = strCusName.split("|")[6];
	frmMain.Quantity.value = strCusName.split("|")[7];
	frmMain.weigth.value = strCusName.split("|")[8];
	frmMain.size.value = strCusName.split("|")[9];
	frmMain.color.value = strCusName.split("|")[10];
	frmMain.brand.value = strCusName.split("|")[11];
	frmMain.gen.value = strCusName.split("|")[12];
	frmMain.price.value = strCusName.split("|")[13];
	frmMain.productid.value = strCusName.split("|")[13];

}
</script>

Code

 <form action="edit_products.php" method="post" name="frmMain">
<table width="600">
<tr>
<td align="right">เลือกสินค้า :</td>
<td width="300">
<select name="lmName1" onChange="resutName(this.value);" class="form-control">
<option value="">เลือกสินค้า</option>
<? $sqlComm2 = "select * from products"; 
   $result2 = mysql_query($sqlComm2);
   while($objresult = mysql_fetch_array($result2))
   {
   ?>
   <option value="<?=$objresult["ProductName"]; ?>|<?=$objresult["Image"]?>|<?=$objresult["Ram"]?>|<?=$objresult["Rom"]?>|<?=$objresult["Os"]?>|<?=$objresult["Camera_Resolution"]?>|<?=$objresult["Quantity"]?>|<?=$objresult["Weight"]?>|<?=$objresult["Size"]?>|<?=$objresult["Color"]?>|<?=$objresult["Brand"]?>|<?=$objresult["Gen_Product"]?>|<?=$objresult["Price"]?>|<?=$objresult["ProductID"]; ?>">
   <?=$objresult["ProductName"];?></option>
   <?
   }
   ?>
   </select>
   </td>
   </tr>
   <tr height="40">
   <td align="right">ชื่อประเภทสินค้า :</td>
   <td width="300">
   <input type="text" name="productname" value="" class="form-control"></td>
   </tr>
   <tr height="40">
   <td align="right" valign="top">รูปสินค้า :</td>
   <td width="300">
   <img src="" name="image">
   </td>
   </tr>
   <tr height="40">
   <td align="right" valign="top">หน่วยความจำ(RAM) :</td>
   <td width="300">
   <input type="text" name="ram" class="form-control">
   </td>
   </tr>
   <tr height="40">
   <td align="right" valign="top">หน่วยความจำ(ROM) :</td>
   <td width="300">
   <input type="text" name="rom" class="form-control">
   </td>
   </tr>
   <tr height="40">
   <td align="right" valign="top">ระบบปฏิบัติการ(OS) :</td>
   <td width="300">
   <input type="text" name="os" class="form-control">
   </td>
   </tr>
   <tr height="40">
   <td align="right" valign="top">ความละเอียดของกล้อง :</td>
   <td width="300">
   <input type="text" name="camera" class="form-control">
   </td>
   </tr>
   <tr height="40">
   <td align="right" valign="top">จำนวน :</td>
   <td width="300">
   <input type="text" name="Quantity" class="form-control">
   </td>
   </tr>
   <tr height="40">
   <td align="right" valign="top">น้ำหนัก :</td>
   <td width="300">
   <input type="text" name="weigth" class="form-control">
   </td>
   </tr>
   <tr height="40">
   <td align="right" valign="top">ขนาด :</td>
   <td width="300">
   <input type="text" name="size" class="form-control">
   </td>
   </tr>
   <tr height="40">
   <td align="right" valign="top">สี :</td>
   <td width="300">
   <input type="text" name="color" class="form-control">
   </td>
   </tr>
   <tr height="40">
   <td align="right" valign="top">ยี่ห้อ :</td>
   <td width="300">
   <input type="text" name="brand" class="form-control">
   </td>
   </tr>
   <tr height="40">
   <td align="right" valign="top">รุ่น :</td>
   <td width="300">
   <input type="text" name="gen" class="form-control">
   </td>
   </tr>
   <tr height="40">
   <td align="right" valign="top">ราคา :</td>
   <td width="300">
   <input type="text" name="price" class="form-control">
   </td>
   </tr>
   <tr>
   <td align="right">ประเภทสินค้า :</td>
   <td><select name="categoryid"  id="categoryid" width="150" class="form-control">
   			<?php
	$strSQL = "SELECT * FROM categories";
	$objQuery = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
	while($objResult1 = mysql_fetch_array($objQuery))
	{
	
    echo "<option value=$objResult1[CategoryID]>$objResult1[CategoryName]</option>";

	
	}
	?>
     </select>
   </td>
   </tr>
   <tr height="40">
   <td align="right"><input type="submit" value="ตกลง" class="btn btn-success">&nbsp;</td>
   <td><input type="reset" value="ยกเลิก" class="btn btn-danger"></td>
   <td><input type="hidden" value="<? $objresult[ProductID]; ?>" name="categoryid" class="btn-default">
   </td>
   </tr>
   </table>
   </form>

Tag : PHP, HTML/CSS, JavaScript

Date : 2014-08-11 15:40:15

By : varletooh

View : 777

Reply : 4

No. 1

Chaidhanan

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

Date : 2014-08-11 15:52:33

By : Chaidhanan

No. 2

หนอนน้อย

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

ครับขอบคุณมากครับ

Date : 2014-08-11 16:12:36

By : varletooh

No. 3

Chaidhanan

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

เปลี่ยนการเขียน โค๊ดใหม่ครับ พยายามแยก โค๊ด html กับ PHP ออกจากกันให้เห้นชัดเจน
ลองศึกษาดูครับ
Code (PHP)

<?php
//สร้าง option และ ตัวแปรเก็บ product data
$sqlComm2 = "select * from products"; 
$result2 = mysql_query($sqlComm2); $op=''; $jsvar='';
while($ro = mysql_fetch_array($result2)){
	$jsvar .="\nproduct['$ro[ProductName]']=" . json_encode($ro) . ';';
	$op.="<option value='$ro[ProductName]'>$ro[ProductName]</option>";
} mysql_free_result($result2);
////////////////////////////////////////////////////////////
// สร้าง optiion สำหรบ select categories
$opcate='';
$strSQL = "SELECT * FROM categories";
$objQuery = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
while($ro = mysql_fetch_array($objQuery)){
	$opcate .= "<option value='$ro[CategoryID]' >$ro[CategoryName]</option>";
} mysql_free_result($objQuery);
////////////////////////////////////////////////////////////
?>
<script language="javascript">
function resutName(strCusName){
	//var cn=strCusName.split("|");
	var cn=product[strCusName]; // เปลี่ยนรุปแบบการเก็บใหม่ครับ เปลี่ยนชื่อ field ให้ถูกต้องนะครับ พอดีผมไม่เห็น ชื่อ field
	frmMain.productname.value = cn.productname;
	frmMain.image.src = cn.image;  // image เปลี่ยนรูปครับ cn.image ต้องเป็น url ครับ
	frmMain.ram.value = cn.ram;
	frmMain.rom.value = cn.rom;
	frmMain.os.value = cn.os;
	frmMain.camera.value = cn.camera;
	frmMain.Quantity.value = cn.Quantity;
	frmMain.weigth.value = cn.weigth;
	frmMain.size.value = cn.size;
	frmMain.color.value = cn.color;
	frmMain.brand.value = cn.brand;
	frmMain.gen.value = cn.gen;
	frmMain.price.value = cn.price;
	frmMain.productid.value = cn.productid;
}
var product=Array(); // กำหนดตัวสำหรับ product result;
// รูปแบบการเก็บ ส่งมาจาก json_encode   
<?php echo $jsvar; ?> 
</script>
<form action="edit_products.php" method="post" name="frmMain">
<table width="600">
<tr>
	<td align="right">เลือกสินค้า :</td>
	<td width="300"><select name="lmName1" onChange="resutName(this.value);" class="form-control">
	<option value="">เลือกสินค้า</option>	<?php echo $op; ?></select>
   </td></tr>
<tr height="40"><td align="right">ชื่อประเภทสินค้า :</td>
	<td width="300"><input type="text" name="productname" value="" class="form-control"></td></tr>
<tr height="40"><td align="right" valign="top">รูปสินค้า :</td>
	<td width="300"><img src="" name="image"></td></tr>
<tr height="40"><td align="right" valign="top">หน่วยความจำ(RAM) :</td>
	<td width="300"><input type="text" name="ram" class="form-control"></td></tr>
<tr height="40"><td align="right" valign="top">หน่วยความจำ(ROM) :</td>
	<td width="300"><input type="text" name="rom" class="form-control"></td></tr>
<tr height="40"><td align="right" valign="top">ระบบปฏิบัติการ(OS) :</td>
	<td width="300"><input type="text" name="os" class="form-control"></td></tr>
<tr height="40"><td align="right" valign="top">ความละเอียดของกล้อง :</td>
	<td width="300"><input type="text" name="camera" class="form-control"></td></tr>
<tr height="40"><td align="right" valign="top">จำนวน :</td>
	<td width="300"><input type="text" name="Quantity" class="form-control"></td></tr>
<tr height="40"><td align="right" valign="top">น้ำหนัก :</td>
	<td width="300"><input type="text" name="weigth" class="form-control"></td></tr>
<tr height="40"><td align="right" valign="top">ขนาด :</td>
	<td width="300"><input type="text" name="size" class="form-control"></td></tr>
<tr height="40"><td align="right" valign="top">สี :</td>
	<td width="300"><input type="text" name="color" class="form-control"></td></tr>
<tr height="40"><td align="right" valign="top">ยี่ห้อ :</td>
	<td width="300"><input type="text" name="brand" class="form-control"></td></tr>
<tr height="40"><td align="right" valign="top">รุ่น :</td>
	<td width="300"><input type="text" name="gen" class="form-control"></td></tr>
<tr height="40"><td align="right" valign="top">ราคา :</td>
	<td width="300"><input type="text" name="price" class="form-control"></td></tr>
<tr><td align="right">ประเภทสินค้า :</td>
	<td><select name="categoryid"  id="categoryid" width="150" class="form-control"><?php echo $opcate; ?></select></td></tr>
<tr height="40"><td align="right"><input type="submit" value="ตกลง" class="btn btn-success">&nbsp;</td>
	<td><input type="reset" value="ยกเลิก" class="btn btn-danger"></td>
	<!-- td><input type="hidden" value="" name="categoryid" class="btn-default"></td -->
	<!-- บันทัดบนนี้ไม่ต้องมีครับ เพราะ ชื่อเหมือนกัย select categoryid แล้วครับ -->
</tr>
</table>
</form>

ประวัติการแก้ไข
2014-08-11 16:34:08

Date : 2014-08-11 16:27:00

By : Chaidhanan

No. 4

Chaidhanan

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

Code (JavaScript)

function resutName(strCusName){
	//var cn=strCusName.split("|");
	var cn=product[strCusName]; // เปลี่ยนรุปแบบการเก็บใหม่ครับ
	frmMain.productname.value = cn.ProductName;
	frmMain.image.src = cn.Image;  // image เปลี่ยนรูปครับ cn[1] ต้องเป็น url ครับ
	frmMain.ram.value = cn.Ram;
	frmMain.rom.value = cn.Rom;
	frmMain.os.value = cn.Os;
	frmMain.camera.value = cn.Camera_Resolution;
	frmMain.Quantity.value = cn.Quantity;
	frmMain.weigth.value = cn.Weight;
	frmMain.size.value = cn.Size;
	frmMain.color.value = cn.Color;
	frmMain.brand.value = cn.Brand;
	frmMain.gen.value = cn.Gen_Product;
	frmMain.price.value = cn.Price;
	frmMain.productid.value = cn.ProductID;
}

ปรับให้ใหม่พอดีเห็นชื่อ field ที่นำมาใช้

Date : 2014-08-11 16:55:59

By : Chaidhanan

ค้นหาข้อมูล

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

Re : เลือกสินค้าผ่าน Combobox แล้วให้มันแสดงรูปภาพ ทำไงครับช่วยที

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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