javascript - jQuery เข้าถึงค่าของ input ที่ซ่อนอยู่

ฉันสามารถเข้าถึงแอตทริบิวต์ value ของแท็ก <input type="hidden"> ได้อย่างไรโดยใช้ jQuery?

คำตอบ #1

คุณสามารถเข้าถึงค่าของฟิลด์ที่ซ่อนได้ด้วย val() เช่นเดียวกับที่คุณทำได้กับองค์ประกอบอินพุตอื่น ๆ:

<input type="hidden" id="foo" name="zyx" value="bar" />

alert($('input#foo').val());
alert($('input[name=zyx]').val());
alert($('input[type=hidden]').val());
alert($(':hidden#foo').val());
alert($('input:hidden[name=zyx]').val());

ทั้งหมดนั้นมีความหมายเหมือนกันในตัวอย่างนี้

คำตอบ #2

วิธีที่มีประสิทธิภาพที่สุดคือโดยใช้รหัสประจำตัว

$("#foo").val(); //by id

คุณสามารถอ่านเพิ่มเติมได้ที่นี่:

https://developer.mozilla.org/th/docs/Web/Guide/CSS/การเขียน_CSS_ให้มีประสิทธิภาพ

https://developers.google.com/speed/docs/best-practices/rendering?hl=it#UseEfficientCSSSelectors

คำตอบ #3

มีตัวเลือก jQuery สำหรับเรื่องนั้น:

// Get all form fields that are hidden
var hidden_fields = $( this ).find( 'input:hidden' );

// Filter those which have a specific type
hidden_fields.attr( 'text' );

จะแสดงทุกฟิลด์ป้อนข้อมูลที่ซ่อนอยู่และกรองโดยฟิลด์ที่มี type="" เฉพาะ