jQuery ล้างค่า ลบค่าใน TextBox ด้วยคำสั่ง val

สอนเขียนโค้ด jQuery ล้างค่า ลบค่าใน TextBox ด้วยคำสั่ง val บทความนี้แนะนำการเขียนโค้ดเพื่อล้างค่า หรือลบค่าใน input type text หรือ TextBox ของภาษา HTML โดยจะใช้คำสั่ง val ผ่าน jQuery สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง jQuery ล้างค่า ลบค่าใน TextBox ด้วยคำสั่ง val

<input type="text" placeholder="กรุณากรอกข้อมูล" id="txt" value="0123456789">
<br/><br/>
<input type="button" value="ล้างค่าใน TextBox" id="btn">

<script>
    $("#btn").click(function(){
        $("#txt").val("");
    });
</script>

jQuery ล้างค่า ลบค่าใน TextBox เริ่มต้นด้วยการกำหนดค่า id=txt ให้กับ TextBox และ id=btn ให้กับ Button เมื่อผู้ใช้งานกดคลิกปุ่ม $("#btn").click จะทำงาน และวิ่งเข้าไปทำงานในส่วนของ function ดังกล่าว คือ $("#txt").val("") หมายความว่าอ้างถึง element id=txt และกำหนดค่าด้วยคำสั่ง val("") คือ ให้เท่ากับค่าว่างเปล่า