ฉันจะรับค่าของกล่องข้อความโดยใช้ jQuery ได้อย่างไร

486

ฉันสามารถได้รับองค์ประกอบเช่นนี้$("#txtEmail")แต่ฉันไม่แน่ใจว่าจะได้รับมูลค่าที่แท้จริงได้อย่างไร

jquery

— มีคาห์
แหล่งที่มา

22

คุณลอง $ ("txtEmail"). val ()

— Perpetualcoder

2

อิอิอิ ... ปัญหาคือการที่ฉันลืมที่จะอ้างอิงฟังก์ชั่นของฉันในเหตุการณ์คลิก =)

— คาห์

765

มี.val()วิธีการคือ

หากคุณมีอินพุตพร้อมรหัสtxtEmailคุณสามารถใช้รหัสต่อไปนี้เพื่อเข้าถึงค่าของกล่องข้อความ:

$("#txtEmail").val()

คุณยังสามารถใช้val(string)วิธีการตั้งค่าดังกล่าว:

$("#txtEmail").val("something")

— neilprosser
แหล่งที่มา

2

ทำไม '.value ()' ไม่ทำงานใน jQuery ฉันจะไม่ค้นหา Google ถ้าเป็นเช่นนั้นเพราะนี่คือสิ่งที่ฉันพยายามอย่างสังหรณ์ใจ ทำไมต้องเลือกให้สั้นลงสองตัวอักษร ...

— Mike de Klerk

var user_email = $("#txtEmail").val()

— Nipek

74

ใช้วิธี. val ()

นอกจากนี้ฉันคิดว่าคุณตั้งใจจะใช้$("#txtEmail")เป็น$("txtEmail")องค์ประกอบส่งคืนประเภท<txtEmail>ที่คุณอาจไม่มี

ดูที่นี่ที่เอกสาร jQuery

นอกจากนี้ยังjQuery Val () วิธีการ

— Spencer Ruport
แหล่งที่มา

23

ซ้ำได้:

เพียงแค่ข้อมูลเพิ่มเติมซึ่งใช้เวลานานในการค้นหาว่าคุณกำลังใช้ชื่อเขตข้อมูลและไม่ใช่รหัสในการระบุเขตข้อมูลฟอร์ม คุณทำเช่นนี้:

สำหรับปุ่มตัวเลือก:

 var inp= $('input:radio[name=PatientPreviouslyReceivedDrug]:checked').val();

สำหรับกล่องข้อความ:

 var txt=$('input:text[name=DrugDurationLength]').val();

— Yoosaf Abdulla
แหล่งที่มา

ระวังเมื่อโพสต์คัดลอกและวาง boilerplate / คำต่อคำตอบสำหรับคำถามหลายข้อเหล่านี้มักจะถูกตั้งค่าสถานะเป็น "สแปม" โดยชุมชน หากคุณทำเช่นนี้ก็มักจะหมายถึงคำถามซ้ำกันดังนั้นให้ตั้งค่าสถานะเป็นเช่นนั้นแทน: stackoverflow.com/questions/1320088

— Kev

1

@Kev: ฉันไม่รู้เกี่ยวกับการติดแท็กแบบนั้น อย่างไรก็ตามฉันไม่แน่ใจว่าซ้ำกันหรือไม่ในระหว่างที่ฉันโพสต์โซลูชันนี้ ฉันหาไม่พบในโพสต์ดังนั้น แต่ใช่ไปข้างหน้าฉันจะจำไว้และขอบคุณที่แจ้งให้ทราบ

— Yoosaf Abdulla

1

ช่วยให้ "input: text" เพราะฉันมี 2 ตัวควบคุมที่มีชื่อเดียวกัน : <(โปรดสังเกตรหัสของฉันเพิ่งสืบทอดมา)

— granadaCoder

11

สังเกตเห็นความคิดเห็นของคุณเกี่ยวกับการใช้สำหรับการตรวจสอบอีเมลและต้องการปลั๊กอินปลั๊กอินการตรวจสอบอาจช่วยคุณได้ที่http://bassistance.de/jquery-plugins/jquery-plugin-validation/มาพร้อมกับอีเมล กฎเช่นกัน

— WARDY
แหล่งที่มา

6

มี.val();วิธีการที่คุณสามารถใช้ได้

$("#txtEmail").val();ดังนั้นในสถานการณ์ของคุณที่คุณต้องการจะใช้ นอกจากนี้ตรวจสอบให้แน่ใจว่าคุณเพิ่มคุณสมบัติ id ลงในรหัส html ของคุณ!

— scapegoat17
แหล่งที่มา

5

ใช้.val()วิธีการรับค่าจริงขององค์ประกอบที่คุณต้องการ

— PUBG
แหล่งที่มา

4

คุณสามารถเข้าถึงค่าของการควบคุม Texbox ได้ด้วย ID หรือตามชื่อคลาส

นี่คือตัวอย่างรหัส:

<input type="text" id="txtEmail" class="textbox" value="1">

$(document).ready(function(){
   alert($("#txtEmail").val());
   alert($(".textbox").val());//Not recommended 
});

การใช้ชื่อคลาสเพื่อรับค่าควบคุมกล่องข้อความใด ๆ สามารถส่งคืนค่าอื่นหรือค่าผิดเนื่องจากชื่อคลาสเดียวกันสามารถกำหนดให้กับตัวควบคุมอื่นได้ ดังนั้นการรับค่าของกล่องข้อความที่เฉพาะเจาะจงสามารถดึงข้อมูลโดยใช้ ID

— Akshay Chawla
แหล่งที่มา

2

โดยใช้

$("#txtEmail").val()

คุณจะได้รับมูลค่าที่แท้จริงขององค์ประกอบ

— MIlan Modh
แหล่งที่มา