|
|
|
สอบถามเกี่ยวกับ JavaScript กับผลรวมของ Textbox หน่อยครับ |
|
|
|
|
|
|
|
Code (PHP)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script language="javascript">
function alertData(){
var txt1 = document.getElementById('test1').value;
var txt2 = document.getElementById('test2').value;
var total = document.getElementById('total');
if(txt1 == ""){txt1 = 0;}
if(txt2 == ""){txt2 = 0;}
total.value = parseInt(txt1)*parseInt(txt2);
}
</script>
</head>
<body>
Value : <select name="test1" id="test1" onChange="alertData()">
<? for($i=1;$i<=10;$i++){?>
<option value="<?=$i?>"><?=$i?></option>
<? } ?>
</select>
<br />
Price : <input name="test2" id="test2" type="text" onkeyup="alertData()"/><br />
Total : <input name="total" id="total" type="text" />
</body>
</html>
สอบถามวิธีการเขียนโค๊ดหาผลรวม ของ textbox แบบ อัตโนมัติครับ ในรูปแบบ Array ครับ javascript ก็ได้ครับ
ผมเอาจะจากกระทู้ต่างๆ มาปรับให้นะครับ ลองเอาไปปรับใช้ดูนะครับ
|
ประวัติการแก้ไข 2012-09-27 17:00:47
|
|
|
|
Date :
2012-09-27 16:59:15 |
By :
pokultra |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Code (PHP)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<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 alertData(){
var qty = document.getElementById('qty').value;
var price = document.getElementById('price').value;
var total = document.getElementById('total');
/*var qty= ddl.options[ddl.selectedIndex].value;*/
if(qty == ""){qty = 0;}
if(price == ""){price = 0;}
if(total == ""){total = 0;}
document.getElementById("total").value =addCommas((parseFloat(qty) * parseFloat(price)).toFixed(2));
}
</script>
<body>
<td align="center"><select name="qty" id="qty" style="background-color:#999999;" onChange="alertData()">
<? for($i=1;$i<=100;$i++){?>
<option value="<?=$i?>"><?=$i?></option>
<? } ?>
</select></select><input name="qty" id="qty" type="text" value="<?=$_SESSION["strQty"][$i]?>" onKeyUp="alertData()" ></td>
<td align="center"> <input name="price" id="price" type="text" style="background-color:#999999;" size="5" value="<?=number_format($objResult["pd_price"],2)?>"></td>
<td align="center"> <input name="total" id="total" type="text" style="background-color:#999999;" size="7" value="<?=number_format($Total,2);?>" readonly ></td>
<td><a href="delete.php?Line=<?=$i;?>">ลบ</a></td>
</tr>
</body>
</html>
แก้ไขให้แล้วครับ ทดสอบให้แล้ว ใช้งานได้
จุดผิดครับ
1.
Code (PHP)
<option value="$i"><?=$i?></option> // ใน value ต้องเป็น <?=$i?>
2.
Code (PHP)
<script language="javascript">
document.form1.total.value =addCommas((parseFloat(qty) * parseFloat(price)).toFixed(2)); // ผมเปลี่ยนเป็นอีกแบบครับ
</script>
|
|
|
|
|
Date :
2012-09-27 17:04:48 |
By :
fiet |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ได้แล้วครับ ขอบคุณครับ
|
|
|
|
|
Date :
2012-09-27 17:14:48 |
By :
wooshi |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ติดปัญหาอีกแล้วครับ คือมัน วนลูปรายที่สินค้าที่เลือกมาแล้ว มันจะเปลี่ยนแค่อันแรกที่เลือกมาอ่ะครับ
อันต่อไปมันไม่เปลี่ยนให้อ่ะครับ
|
|
|
|
|
Date :
2012-09-27 17:21:15 |
By :
wooshi |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ตอนนนี้ ได้แล้วหรือยังครับ
|
|
|
|
|
Date :
2012-10-01 11:31:53 |
By :
fiet |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
หากหมายถึง สินค้ามีหลายรายการ นอกเหนือจาก รหัส010DFFF
textbox : price, total
select : qty
ควรมีไอดีไม่ซ้ำกันหน่ะครับ
|
|
|
|
|
Date :
2012-10-01 11:50:38 |
By :
ไวยวิทย์ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 04
|