|
 |
|
เขียน ่java script อย่างไร เมื่อ key ข้อมูลที่ textbox1 แล้วตัดสตริงตามที่ต้องการที่ textbox2 ครับ |
|
 |
|
|
 |
 |
|
Code (JavaScript)
<!DOCTYPE html>
<html>
<body>
Textbox 1.1: <input type="text" id="barcode1" value="12345678998765432100">Textbox 2.1: <input type="text" id="result1" value=""><br>
Textbox 1.2: <input type="text" id="barcode2" value="00123456789987654321">Textbox 2.2: <input type="text" id="result2" value=""><br>
Textbox 1.3: <input type="text" id="barcode3" value="12345678900987654321">Textbox 2.3: <input type="text" id="result3" value="">
<p>Click the button to see the results in textbox2.</p>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction() {
let arr1 = document.getElementById("barcode1").value.split("");
if (arr1[0] == '0' && arr1[1] == '0') {
document.getElementById("result1").value = arr1.join("").substring(2);
} else {
document.getElementById("result1").value = arr1.join("");
}
let arr2 = document.getElementById("barcode2").value.split("");
if (arr2[0] == '0' && arr2[1] == '0') {
document.getElementById("result2").value = arr2.join("").substring(2);
} else {
document.getElementById("result2").value = arr2.join("");
}
let arr3 = document.getElementById("barcode3").value.split("");
if (arr3[0] == '0' && arr3[1] == '0') {
document.getElementById("result3").value = arr3.join("").substring(2);
} else {
document.getElementById("result3").value = arr3.join("");
}
}
</script>
</body>
</html>
สังเกตอะไรซ้ำจับเข้าลูป
เขียนโค้ดไม่เป็นเลย แนะนำเว็บสามสถาบัน
https://www.w3schools.com/js/js_intro.asp
|
 |
 |
 |
 |
Date :
2022-03-31 15:22:27 |
By :
009 |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ใช้ได้แล้วครับ ขอบคุณมากๆครับ
|
 |
 |
 |
 |
Date :
2022-03-31 16:01:33 |
By :
Newphp2565 |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ถ้าอยากให้ข้อมูลเปลี่ยนเลยโดยไม่ต้องกดปุ่มละครับ
|
 |
 |
 |
 |
Date :
2022-03-31 16:07:56 |
By :
Newphp2565 |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
Code (HTML)
<body onload="myFunction()">
|
 |
 |
 |
 |
Date :
2022-03-31 16:09:50 |
By :
009 |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ขอบคุณมากครับสำหรับคำแนะนำดีๆ
|
 |
 |
 |
 |
Date :
2022-04-05 07:49:04 |
By :
Newphp2565 |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
|
|
|

|
Load balance : Server 01
|