|
 |
|
ทำไมถึงเรียกใช้ฟังชั่น ซ้ำเเละเพิ่มขึ้นเรื่อยๆ ผมต้องทำอย่างไรเพื่อให้ทำงานเพียงครั้งเดียว เเล้ว ออกจากฟังชั่นเลย |
|
 |
|
|
 |
 |
|
จากรูป มันเป็นการเรียกใช้ Fuction ซ้ำเเบบเพิ่มจำนวนขึ้น เลื่อยๆ

ผมจะต้องทำอย่างไรครับ เพื่อให้ ทำงานเครั้งเดียวโดยไม่เรียก ฟังชั่น เบิ้ล
Code (JavaScript)
<script>
var Numr = 1;
var input = document.getElementById("lt_NameShow");
input.addEventListener("keyup", function(event) {
event.preventDefault();
if (event.keyCode === 13) {
document.getElementById("lotoType").value = $("#lt_NameShow").val();
$.ajax({
url: "../Class/class.php",
global: false,
type: "POST",
data: ({
id: $("#lt_NameShow").val(),
Mode: "chType"
}),
dataType: "JSON",
async: false,
success: function(jd) {
$.each(jd, function(key, val) {
var div1 = '<input type="text" name="summaryT2" id="lotoNumber" class="form-control SNumber" placeholder="เลข" maxlength="3" required>';
document.getElementById("lotoBoth").disabled = false;
$('#div1').empty();
$('#div1').append(div1);
document.getElementById("lt_NameShow").value = val["lt_Name"];
document.getElementById("lotoNumber").focus();
var input2 = document.getElementById("lotoNumber");
input2.addEventListener("keyup", function(event) {
event.preventDefault();
if (event.keyCode === 13) {
if ($("#lotoNumber").val().length != 3) {
document.getElementById("lotoNumber").focus();
} else {
document.getElementById("lotoYes").focus();
}
}
});
var input3 = document.getElementById("lotoYes");
input3.addEventListener("keyup", function(event) {
event.preventDefault();
if (event.keyCode === 13) {
addDiv2();
}
});
});
}
});
}
});
function addDiv2() {
$('#diva').empty();
var lotoType = $("#lotoType").val();
var lotoNumber = $("#lotoNumber").val();
var lotoYes = $("#lotoYes").val();
var lotoBoth = $("#lotoBoth").val();
$.ajax({
url: "../Class/sql-insert.php",
global: false,
type: "POST",
data: ({
Mode: "byLoto",
Type: lotoType,
Number: lotoNumber,
Price: lotoYes,
lotoBoth: lotoBoth
}),
dataType: "JSON",
async: false,
success: function(jd) {
$.each(jd, function(key, val) {
var diva = '<tr id="N' + val["sd_id"] + '" >';
diva += '<td><button class="btn btn-' + val["sty"] + ' btn-mini"><i class="fa fa-star"></i></button></td>';
diva += '<td>' + val["lt_Name"] + '</td>';
diva += '<td>' + val["sd_Number"] + '</td>';
diva += '<td>' + val["sd_Price"] + '<input type="hidden" name="sd_Price[]" value="' + val["sd_Price"] + '"></td>';
diva += '<td><a href="#" class="btn btn-pinterest" onclick="delss(' + val["sd_id"] + ')">ลบ</a></td>'
diva += '</tr>';
$('#diva').append(diva);
});
}
});
}
</script>
Tag : JavaScript, Ajax

|
|
 |
 |
 |
 |
Date :
2019-01-05 21:31:31 |
By :
tongar |
View :
1069 |
Reply :
2 |
|
 |
 |
 |
 |
|
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
Code (PHP)
var div1 = '<input type="text" name="summaryT2" id="lotoNumber" class="form-control SNumber" placeholder="เลข" maxlength="3" required onkeyup="lotonumber_keyup(event)">';
เพิ่ม onkeyup ให้เรียกใช้ function ใน tag
Code (JavaScript)
var input2 = document.getElementById("lotoNumber");
input2.addEventListener("keyup", function(event) {
.....
}
// นำ function ตรงนี้ ออกไปไว้ นอก loop เขียนแบบ basic
function lotonumber_keyup(event) {
.....
}
คำสั่ง addEventListener เป็นการเอา function มาทำงาน ต่อจาก function เดิมที่มีอยู่
ถ้าวาง flow control ไม่ดี อาจวนมาทำคำสั่งนี้หลายครั้งได้
ปล. มี jquery แล้ว ก็ใช้ jquery ให้มากๆ ไว้
var input = docu.....( tag_ID)
เปลี่ยนเป็น $('#tag_ID') สั้นๆ ไม่ต้องไปประกาศตัวแปรก็ได้
|
ประวัติการแก้ไข 2019-01-06 10:43:28 2019-01-06 10:44:13
 |
 |
 |
 |
Date :
2019-01-06 10:40:04 |
By :
Chaidhanan |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ได้เเล้วครับ
ขอบคุณคัรบ
|
 |
 |
 |
 |
Date :
2019-01-06 12:21:29 |
By :
tongar |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
|
|
|

|
Load balance : Server 03
|