jQuery val()เมธอด

❮ วิธีการ jQuery HTML/CSS

ตัวอย่าง

ตั้งค่าของฟิลด์ <input>:

$("button").click(function(){
  $("input:text").val("Glenn Quagmire");
});

ความหมายและการใช้งาน

val() วิธีการส่งกลับหรือตั้งค่าแอตทริบิวต์ขององค์ประกอบที่เลือก

เมื่อใช้เพื่อคืนค่า:
วิธีนี้จะคืนค่าแอตทริบิวต์ค่าขององค์ประกอบที่ตรงกัน FIRST

เมื่อใช้เพื่อตั้งค่า:
วิธีการนี้ตั้งค่าของแอตทริบิวต์ค่าสำหรับองค์ประกอบที่ตรงกันทั้งหมด

หมายเหตุ:วิธีการ val() ส่วนใหญ่จะใช้กับองค์ประกอบแบบฟอร์ม HTML


ไวยากรณ์

ส่งกลับค่าแอตทริบิวต์:

$(selector).val()

ตั้งค่าแอตทริบิวต์ค่า:

$(selector).val(value)

ตั้งค่าแอตทริบิวต์โดยใช้ฟังก์ชัน:

$(selector).val(function(index,currentvalue))

Parameter Description
value Required. Specifies the value of the value attribute
function(index,currentvalue) Optional. Specifies a function that returns the value to set.
  • index - Returns the index position of the element in the set
  • currentvalue - Returns the current value attribute of selected elements

ลองด้วยตัวคุณเอง - ตัวอย่าง


วิธีการคืนค่าแอตทริบิวต์ค่าขององค์ประกอบที่ตรงกันครั้งแรก


การใช้ฟังก์ชันเพื่อตั้งค่าแอตทริบิวต์ค่า


❮ วิธีการ jQuery HTML/CSS