Devdit
 

JavaScript ล้างค่า TextBox ของ HTML ด้วยคำสั่ง value

3.6K

สอนเขียนภาษา JavaScript ล้างค่า TextBox ของ HTML ด้วยคำสั่ง value ตัวอย่างจะสร้าง TextBox และ Button เมื่อผู้ใช้งานกดปุ่ม Button จะเรียกโค้ดล้างค่าใน TextBox ผ่านภาษา JavaScript สามารถเขียนโปรแกรมได้ดังนี้

 

ตัวอย่าง JavaScript ล้างค่า TextBox ของ HTML ด้วยคำสั่ง value

<input type="text" id="number" value="123456789">
<br/><br/>
<input type="button" value="ล้างค่า TextBox" onclick="clearTextBox()">
<script>
    function clearTextBox() {
        document.getElementById("number").value = "";
    }
</script>

คำอธิบาย

JavaScript ล้างค่า TextBox เมื่อผู้ใช้งานกดคลิกที่ปุ่ม button จะเรียกใช้ฟังก์ชัน clearTextBox ภายในฟังก์ชันจะอ้างถึง element id = number ที่กำหนดไว้ใน input type text และใช้คำสั่ง value = “” เพื่อล้างค่า TextBox

แก้ไข 2 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ