Forgot Password ??

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

	Registered : 109,037

HOME > PHP > PHP Forum > การ sum textbox แบบarray โดยข้อมูลจะดึงจากฐานข้อมูลและวนลูปเพื่อแสดงผล

การ sum textbox แบบarray โดยข้อมูลจะดึงจากฐานข้อมูลและวนลูปเพื่อแสดงผล

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

wannapa

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

ภาพอันนี้เป็นตัวอย่างหน้าเพจที่ดึงข้อมูลจากฐานข้อมูลแล้ววนลูปเพื่อแสดงผลแล้วจะมีtextboxให้ผู้ใช้กรอกจำนวนที่ต้องการ แล้วเขียน javascpict ให้คำนวณโดยอัตโนมัติถ้าข้อมูลมีมากกว่า 1 บรรทัด ก็จะคำนวณค่ะ แต่ถ้าแค่1เรคอร์ดก็จะไม่คำนวณเหมือนภาพที่2
ตัวอย่างหน้าจอทีดึงข้อมูลจากฐานข้อมูล

ไม่ทราบว่าเขียนโค็ดถูกหรือเปล่า ยังไงรบกวนช่วยดูโค็ดให้หน่อยนะค่ะ


<SCRIPT Language="JavaScript">
function addCommas(nStr)
{
nStr += '';
x = nStr.split('.');
x1 = x[0];
x2 = x.length > 1 ? '.' + x[1] : '';
var rgx = /(\d+)(\d{3})/;
while (rgx.test(x1)) {
x1 = x1.replace(rgx, '$1' + ',' + '$2');
}
return x1 + x2;
}

function startCalc(row)
{
interval = setInterval("calc('"+row+"')",1);
}
function calc(row)
{
var txtprice = document.forms['autoSumForm'].elements['unit<?=$i;?>'];
var txtamount = document.forms['autoSumForm'].elements['sales<?=$i;?>'];
var txttotal = document.forms['autoSumForm'].elements['totalgap<?=$i?>'];
var lentxt3 = txtprice.length;

for(var i3=0; i3 < lentxt3; i3++)
{
txttotal[i3].value = addCommas((txtprice[i3].value*1)*(txtamount[i3].value*1).toFixed(2)); }
}
</SCRIPT>

<table width="90%" border="0" align="center" cellpadding="5" cellspacing="1" >
<tr>
<td width="64%" height="32" bgcolor="#F0D897"><div align="center" class="h1" style="width:100%;"><strong>รายการ</strong></div></td>
<td width="18%" bgcolor="#F0D897"><div align="center" class="h1" style="width:95%;"><strong>จำนวน</strong></div></td>
<td width="18%" bgcolor="#F0D897"><div align="center" class="h1" style="width:95%;"><strong>ราคา/หน่วย</strong></div></td>
<td width="18%" bgcolor="#F0D897"><div align="center" class="h1" style="width:95%;"><strong>เป็นเงิน</strong></div></td>
</tr>

<? do{ ?>
<tr>
<td height="32" bgcolor="#E8E8E8"><div align="left"><label for="list<?=$i;?>"></label>
<input name="list<?=$i;?>" type="text" disabled="disabled" id="list<?=$i;?>" value="<?php echo $row_listCost['proName']; ?>" size="65" readonly="readonly" /></div></td>
<td bgcolor="#E8E8E8"><div align="center"><label for="unit<?=$i;?>"></label>
<input name="unit<?=$i;?>" type="text" class="b2" id="unit<?=$i;?>" style="text-align:right;" onFocus="startCalc(<?=$i;?>);" size="8" maxlength="20" /></div></td>
<td bgcolor="#E8E8E8"><div align="center"><label for="sales<?=$i;?>"></label>
<input name="sales<?=$i;?>" type="text" class="b2 id="" style="text-align:right;" onFocus="startCalc(<?=$i;?>);" value="<?php echo $row_listCost['cosPrice']; ?>" size="8"sales<?=$i;?> /><input name="ii[]" type="hidden" id="ii[]" value="<?=$i;?>" />
</div></td>
<td bgcolor="#E8E8E8"><div align="right">
<label for="textfield7"></label>
<input name="totalgap<?=$i?>" type="text" class="b2" id="textfield7" style="text-align:right; font-family:Tahoma; font-size:16px; font-weight:bold; background-color:#89B0D1" size="15" />
</div></td>
</tr>
<? } while ($row_listCost= mysql_fetch_assoc($listCost));?>
<tr>
<td height="26" bgcolor="#F0D897" class="b2"><div align="right"><strong>รวมเป็นเงินทั้งสิ้น    </strong></div></td>
<td height="26" colspan="3" bgcolor="#F0D897"><div align="right">
<input name="total" type="text" class="b2" id="total3" style="text-align:right; font-family:Tahoma; font-size:16px; font-weight:bold; background-color:#4682B4" size="15" />
  </div></td>
</tr>
</table>

Tag : PHP, HTML/CSS, JavaScript

Date : 2013-06-03 13:37:08

By : mod_wannapa

View : 2065

Reply : 2

No. 1

Guest

ทำการวนลูบค่า $i หรือยังครับ เพราะผมสังเกตุว่าไม่เห็นมีการเปิดลูบ $i มีแต่ลูบ $i3 ในส่วนของ javaScript
ทำให้ totalgap<?=$i?> ไม่มีเลขต่อท้าย แต่ totalgap<?=$i?>บริเวณ javaScript ที่ส่งค่าให้กับ txttotal[i3] กลับมี forที่ลูบ i3 ตั้งแต่0ขึ้นไป

ผมเองก็มือใหม่ ผิดพลาดประการใดขออภัยด้วยนะครับเพราะผมก็ทำเคสเดียวกับคุณเลยแต่เขียนคนละแบบกัน
https://www.thaicreate.com/php/forum/096016.html

Date : 2013-06-03 17:27:05

By : ขาจร

No. 2

wannapa

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

ขอบคุณนะค่ะ เดี๋ยวจะลองปรับดูคะ

Date : 2013-06-04 13:56:56

By : mod_wannapa

ค้นหาข้อมูล

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

Re : การ sum textbox แบบarray โดยข้อมูลจะดึงจากฐานข้อมูลและวนลูปเพื่อแสดงผล

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 04