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


111

ฉันจะรับค่าขององค์ประกอบตามชื่อแทนด้วย ID ได้อย่างไรเช่นถ้าฉันใช้โดย id มันจะเป็นอย่างไร $('#id').val();


1
คุณหมายถึงอะไรกับ 'ชื่อ'?
Natrium

3
แต่คุณหมายถึงอะไรกับ "ชื่อ"?
kjagiello

6
ฉันคิดว่าเขาหมายถึง <input id = "ID" name = "Name" type = "text" /> คือใช้ชื่อแทนฟิลด์ id แต่นั่นอาจเป็นฉันที่ถอดความจากตัวอย่างก็ได้)
เอ็ดเจมส์

คุณสามารถใช้ตัวเลือก CSS ที่นั่นได้ (อย่างน้อยฉันก็ยังไม่พบข้อยกเว้น)
muka.gergely

คำตอบ:


316

ใช้ตัวเลือกแอตทริบิวต์ชื่อ:

$("input[name=nameGoesHere]").val();

3
โปรดทราบว่าการมีประเภทขององค์ประกอบนั้นไม่จำเป็น
rfunduk

5
+1 สำหรับคุณ Nick เพราะคุณสามารถเข้าใจคำถาม
kjagiello

4
@thenduks: แม้ว่าจะเป็นจริง ... ชื่อมักจะพบในอินพุตและสิ่งนี้ทำให้ตัวเลือกเร็วขึ้นมาก
Nick Craver

เพียงแค่อัปเดตสิ่งนี้ วิธีการที่กำหนดโดย @NickCraver ไม่ได้ผลสำหรับฉันอย่างไรก็ตาม $ (": input [name = nameGoesHere]"). val () ใช้ได้ผลในกรณีของฉัน
Gunnrryy


9

ใช้ตัวเลือกแอตทริบิวต์ชื่อ:

$("input[name='nameGoesHere']").val();

เป็นข้อกำหนดบังคับในการรวมเครื่องหมายคำพูดรอบค่าโปรดดู: http://api.jquery.com/attribute-equals-selector/


ฉันแค่อยากจะทราบว่าในบางกรณี (อย่างน้อยก็ของฉัน) ไม่จำเป็นต้องใส่ส่วน 'อินพุต' ต่อไปนี้จะพอเพียง ---> $ ("[name = 'nameGoesHere']"). val () ;. แม้ว่าฉันกำลังทำงานภายในแพ็คเกจ Oracle ฉันกำลังดูโพสต์นี้เพื่อใช้อ้างอิงและไม่สามารถทำให้มันใช้งานได้เว้นแต่ฉันจะลบ 'input' ออกจากคำสั่ง ในกรณีที่มีคนอื่นเข้าชมโพสต์นี้เพื่ออ้างอิงและทำงานร่วมกับ Oracle ด้วย
user1898629

6

ในการรับค่าเราสามารถใช้แอตทริบิวต์หลายรายการโดยหนึ่งในนั้นคือแอตทริบิวต์ชื่อ เช่น

$("input[name='nameOfElement']").val();

เรายังสามารถใช้แอตทริบิวต์อื่น ๆ เพื่อรับค่า

HTML

<input type="text" id="demoText" demo="textValue" />

JS

$("[demo='textValue']").val();


1
//name directly given
<input type="text" name="MeetingDateFrom">
var meetingDateFrom = $("input[name=MeetingDateFrom]").val();

//Handle name array
<select multiple="multiple" name="Roles[]"></select>
 var selectedValues = $('select[name="Roles[]"] option:selected').map(function() {
    arr.push(this.value);
  });


0

องค์ประกอบใดที่ใช้สำหรับส่วนที่มีพื้นหลังสีเขียว เพียงพิมพ์ชื่อขององค์ประกอบโดยไม่มีอักขระ "<" และ ">" ตัวอย่างเช่นประเภท P ไม่ใช่<P>ถ้าคำตอบคือ<P>องค์ประกอบ


-1

คุณยังสามารถใช้ชื่อชั้นเรียน

$(".yourclass").val();

คำถามเกี่ยวกับการรับค่าโดยใช้ชื่อไม่ใช่คลาส
newbdeveloper
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.