JavaScript ดึงข้อมูลจาก TextArea ของ HTML

สอนเขียน JavaScript ดึงข้อมูลจาก TextArea ของ HTML บทความนี้แนะนำวิธีการดึงข้อมูลจากในแท็ก textarea ของ HTML ด้วยภาษา JavaScript เพื่อนำตัวแปรดังกล่าวไปทำงานต่อที่ JavaScript สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง JavaScript ดึงข้อมูลจาก TextArea ของ HTML

<textarea id="area">apple orange banana</textarea><br/>
<input type="button" onclick="getValue()" value="ดึงข้อมูลจาก TextArea">

<script>
    function getValue() {
        let v = document.getElementById("area").value;
        console.log( "ดึงข้อมูลจาก TextArea = "+v );
    }
</script>

ผลลัพธ์

ดึงข้อมูลจาก TextArea = apple orange banana

JavaScript ดึงข้อมูลจาก TextArea กำหนด id = area ให้กับแท็ก textarea เมื่อผู้ใช้งานกดปุ่มจะเรียกใช้ฟังก์ชัน getValue ภายในฟังก์ชันใช้คำสั่ง document.getElementById("area") เพื่ออ้างถึง id = area และใช้คำสั่ง value เพื่อดึงข้อมูล และเก็บไว้ที่ตัวแปร v จากนั้นนำตัวแปร v มาแสดงผ่าน console.log