value ของฟอร์มใน jQuery

สำหรับทำงานกับแอตทริบิวต์ value ของอินพุต สามารถใช้เมธอด val, ซึ่งอนุญาตให้อ่านและเขียน ค่าใหม่ได้

ลองดูตัวอย่าง สมมติว่าเรามีโค้ด HTML ดังนี้:

<input type="text" id="test" value="!!!">

ลองเขียนค่าใหม่ 'www' ลงในแอตทริบิวต์ value:

$('#test').val('www');

โค้ด HTML จะกลายเป็นดังนี้:

<input type="text" id="test" value="www">

ทีนี้ลองแสดงค่าปัจจุบัน บนหน้าจอ:

alert($('#test').val());

นอกจากนี้เมธอด val ยังสามารถใช้ ฟังก์ชันกับแต่ละองค์ประกอบในชุดได้ ฟังก์ชัน รับพารามิเตอร์แรกเป็นลำดับปัจจุบันในชุด และ พารามิเตอร์ที่สองเป็นค่าปัจจุบันของมัน

มีอีกหนึ่งความแตกต่าง - สำหรับแท็ก textarea ไม่สามารถรับเนื้อหาภายในผ่านเมธอด html ได้ สำหรับสิ่งนี้จำเป็นต้องใช้ เมธอด val

พิจารณาโค้ด HTML ต่อไปนี้:

<textarea id="test">!!!</textarea>

ในโค้ด Javascript เราเขียนเมธอด val:

alert($('#test').val()); // จะแสดง '!!!'

แนวคิดนี้คงทำเพื่อให้การทำงานกับฟอร์ม มีความเป็นมาตรฐานเดียวกัน

ตั้งค่า value ของอินพุตทั้งหมดเป็น '!'

ใน value ของอินพุตทั้งหมดที่มีคลาส number เป็นตัวเลข ทำให้ ค่าในนั้นกลายเป็นกำลังสองของตัวเลขเหล่านั้น

แสดง value ของอินพุตที่มีคลาส in

แสดง value ของแต่ละอินพุตตามลำดับ

แสดงเนื้อหาของ textarea ที่มี คลาส text