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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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