jQuery ดึงข้อมูลใน TextArea ของ HTML ด้วยคำสั่ง val

สอนเขียน jQuery ดึงข้อมูลใน TextArea ของ HTML ด้วยคำสั่ง val บทความนี้แนะนำการใช้ jQuery Framework เพื่อดึงข้อมูลที่อยู่ใน TextArea ของ HTML ด้วยคำสั่ง val ผ่านการอ้างอิง id และแสดงผลลัพธ์ด้วยคำสั่ง alert สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง jQuery ดึงข้อมูลใน TextArea ของ HTML ด้วยคำสั่ง val

<textarea id="area">Hello, Devdit</textarea><br/>
<input type="button" id="btn" value="ดึงข้อมูลจาก TextArea">

<script>
    $("#btn").click(function(){
        let v = $("#area").val();
        alert( v );
    });
</script>

1. กำหนด id = area ให้กับ textarea และ id = btn ให้กับ input button

2. เมื่อปุ่ม button ถูกกดจะเข้าไปทำงานในฟังก์ชัน $("#btn").click

3. ตัวแปร v เก็บค่าที่อยู่ใน textarea ผ่าน id ด้วย $("#area").val()

4. แสดงข้อมูลใน textarea ด้วยตัวแปร v ผ่านคำสั่ง alert