|
|
|
อยากทราบวิธีการรันเลขใหม่หลังจากลบ textbox ไปแล้วให้มันรันเลขใหม่ในช่อง textbox |
|
|
|
|
|
|
|
Code (PHP)
<div id="tmp" style="display: none">
<div mx_class="his_w_li">
<input type="text" mx_name="cash[{number}]" mx_id="unix_{number}" >
<span mx_class="number">{number}</span>
<input type="text" mx_name="numcash" value="{number}" style="width:20px;" />
<button mx_class="remHw btn btn-sm btn-outline-dark ">ลบ</button>
</div>
</div>
<script type="text/javascript">
var max = 5 // จำนวน object ที่ต้องการแสดง
, input_unique // สำหรับ สร้าง index ต่อเนื่อง
, scntDiv = '#history_work_group'; // อ้างอิง div ที่ใช้งาน
function chkCount(){ // ตรวจสอบจำนวน object ทำเป็น function
if( $(scntDiv).find('.his_w_li').length<max){
$('#add_history_w').removeClass( "disabled" );} // activate ปุ่มเพิ่มรายการ
else{ $('#add_history_w').addClass( "disabled" );} // deactivate ปุ่มเพิ่มรายการ
}
}
$(document).ready(()=>{ // เมื่อ document load พร้อมทำงาน
// ประวัติการทำงาน
input_unique = $(scntDiv).find('.his_w_li').length + 1; // กำหนดค่าเริ่มต้น
chkCount();
$('#add_history_w').on('click', function() {
var ln = $(scntDiv).find('.his_w_li').length;
var div = $('#tmp').html() // อ่านค่าจาก temp div
.replace(/\{number\}/g,input_unique) // แทนค่าตัวเลข
.replace(/mx_/g,''); // เปลี่ยน attribute เป็น class/name/id เพื่อไม่มใช้ซ้ำซ้อน ในการเรียกใช้
$(div).appendTo(scntDiv);
input_unique++; // เพิ่ม ค่า index
chkCount(); // เพิ่มรายการ ตรวจสอบจำนวน object
});
$(scntDiv).on('click','.remHw' ,function() {
if( $(scntDiv).find('.his_w_li').length <2 ) { // ไม่ให้ลบ ถ้าจำนวนน้อยกว่ากำหนด
alert('ไม่สามารถลบได้<br>ต้องมีอย่างน้อย 1 บันทัด'); return;
}
$(this).parent().remove();
chkCount(); // ลบรายการ ตรวจสอบจำนวน object
});
});
</script>
|
|
|
|
|
Date :
2020-08-24 11:31:12 |
By :
Chaidhanan |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 00
|