|
 |
|
PHP Multiple Insert ตัดคำจาก textbox หนึ่งไปแสดงอีก Textbox หนึ่ง โดยที่ยังไม่ต้องกดบันทึกค่ะ ต้องเขียนอย่างไรคะ |
|
 |
|
|
 |
 |
|
Code (PHP)
<tr>
<td><div align="center"><input type="text" name="txtBarcode<?=$i?>" onchange="inputChg(this)" size="10"></div></td>
<td><input type="text" name="txtType<?php echo $i;?>" size="20"></td>
<td><input type="text" name="txtSize<?php echo $i;?>" size="20"></td>
</tr>
<script>
function inputChg(ob){
var div = ob.parentNode;
var tr = div.parentNode;
var td= tr.childNodes;
var type = ob.value.substr(3,1);
var size = ob.value.substr(2,1);
if(['s','j'].indexOf(type)!=-1){
td[1].childNodes[0].value = { s: 'text of s', j: 'text of j'}[type];
td[2].childNodes[0].value = size;
}
}
ตัวอย่าง พอสังเขป
|
ประวัติการแก้ไข 2019-05-21 13:17:42
 |
 |
 |
 |
Date :
2019-05-21 13:14:45 |
By :
Chaidhanan |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ยังไม่ได้เลยค่ะ ต้องใส่ให้โชว์ค่า value อะไรอีกไหมคะ
|
 |
 |
 |
 |
Date :
2019-05-21 13:56:11 |
By :
Pornwichian |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ตัวอย่างใช้ event onchange ครับ ก็จะทำงานเมื่อใส่ข้อมูลแล้วกด enter
วิเคราะห์ตัวอย่างและประยุกต์ใช้หน่อยครับ
ถ้าคำสั่งไหนไม่เข้าใจ ก็ต้อง อ่าน document เอาครับ
ปล. โค๊ดผมเป็นแค่ตัวอย่าง algorithm ไม่ได้ทดสอบ ครับ ต้องวิเคราะห์ และประยุกต์เอาครับ
ให้ใช้ browser debug ส่วนที่ผิด
|
ประวัติการแก้ไข 2019-05-21 15:51:07
 |
 |
 |
 |
Date :
2019-05-21 15:41:09 |
By :
Chaidhanan |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
Code (PHP)
<!doctype html>
<html>
<head>
</head>
<body>
<form action="" method="post" target="_blank">
<table>
<?php for($i=0; $i<5; $i++):?>
<tr>
<td><div align="center"><input type="text" name="txtBarcode<?=$i?>" onchange="inputChg(this)" size="10"></div></td>
<td><input type="text" name="txtType<?php echo $i;?>" size="20"></td>
<td><input type="text" name="txtSize<?php echo $i;?>" size="20"></td>
</tr>
<?php endfor;?>
</table>
</form>
</body>
<script>
function inputChg(ob){
var div = ob.parentNode;
var td = div.parentNode;
var tr= td.parentNode;
var tds = tr.getElementsByTagName('td');
var type = ob.value.substr(3,1);
var size = ob.value.substr(2,1);
if(['s','j'].indexOf(type)!=-1){
tds[1].childNodes[0].value = { s: 'text of s', j: 'text of j'}[type];
tds[2].childNodes[0].value = size;
}
}
</script>
</html>
ตัวอย่างที่ใช้งานได้ ลองแกะดูครับ
ปล. s j ใช้ตัวเล็ก ถ้าจะใช้ตัวใหญ่ ก็แก้ไขเอาครับ
|
ประวัติการแก้ไข 2019-05-21 16:02:23
 |
 |
 |
 |
Date :
2019-05-21 15:59:14 |
By :
Chaidhanan |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
|
|
|

|
Load balance : Server 05
|