Làm cách nào để có được giá trị của hộp văn bản bằng jQuery?

486

Tôi có thể có được yếu tố như thế này $("#txtEmail")nhưng tôi không chắc làm thế nào để có được giá trị thực tế.

jquery

— Mi-chê
nguồn

22

bạn đã thử $ ("txtEmail"). val ()

— Perpetualcoder

2

hehehe ... vấn đề là tôi đã quên tham chiếu chức năng của mình trong sự kiện nhấp =)

— Micah

765

Có một .val()phương pháp:

Nếu bạn đã có một đầu vào với một id của txtEmailbạn, bạn có thể sử dụng mã sau đây để truy cập giá trị của hộp văn bản:

$("#txtEmail").val()

Bạn cũng có thể sử dụng val(string)phương thức để đặt giá trị đó:

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

— neilprosser
nguồn

2

Tại sao '.value ()' không hoạt động trong jQuery? Tôi sẽ không tìm kiếm Google nếu có, vì đây là những gì tôi đã cố gắng bằng trực giác. Tại sao chọn rút ngắn hai ký tự ...

— Mike de Klerk

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

— Nipek

74

Sử dụng phương thức .val ().

Ngoài ra tôi nghĩ rằng bạn có nghĩa là sử dụng $("#txtEmail")như $("txtEmail")các phần tử trả về <txtEmail>mà bạn có thể không có.

Xem ở đây tại tài liệu jQuery .

Ngoài ra phương thức jQuery val () .

— Spencer Ruport
nguồn

23

Bản sao có thể có:

Chỉ cần Thông tin bổ sung khiến tôi mất nhiều thời gian để tìm kiếm. Nếu bạn đang sử dụng tên trường và không phải id để xác định trường biểu mẫu. Bạn làm như thế này:

Đối với nút radio:

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

Đối với hộp văn bản:

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

— Yoosaf Abdulla
nguồn

Hãy cẩn thận khi đăng bản sao và dán câu trả lời soạn sẵn / nguyên văn cho nhiều câu hỏi, những câu hỏi này có xu hướng bị cộng đồng đánh dấu là "spam". Nếu bạn đang làm điều này thì điều đó thường có nghĩa là các câu hỏi là trùng lặp, vì vậy hãy gắn cờ chúng như vậy: stackoverflow.com/questions/1320088

— Kev

1

@Kev: Tôi không biết về việc gắn thẻ như vậy. Tuy nhiên, tôi không chắc chắn liệu nó có phải là một bản sao hay không trong suốt thời gian tôi đăng tải giải pháp này. Tôi không thể tìm thấy một trong SO để đăng. Nhưng có đi về phía trước tôi sẽ ghi nhớ và cảm ơn vì đã cho biết.

— Yoosaf Abdulla

1

"Input: text" đã giúp vì tôi có 2 điều khiển có cùng tên. : <(Lưu ý mã của tôi, chỉ cần kế thừa nó)

— granadaCoder

11

Nhận thấy nhận xét của bạn về việc sử dụng nó để xác thực email và cần một plugin, plugin xác thực có thể giúp bạn, nó có tại http://bassistance.de/jquery-plugins/jquery-plugin-validation/ , nó đi kèm với một email quy tắc là tốt.

— Phường
nguồn

6

Có một .val();phương pháp mà bạn có thể sử dụng.

Vì vậy, trong tình huống của bạn, bạn sẽ muốn sử dụng $("#txtEmail").val();. Ngoài ra, hãy đảm bảo bạn thêm thuộc tính id vào mã html của mình!

— vật tế thần17
nguồn

5

Sử dụng .val()phương pháp để lấy giá trị thực của phần tử bạn cần.

— CÔNG CỤ
nguồn

4

Bạn có thể truy cập giá trị của điều khiển Texbox bằng ID hoặc tên Class của nó.

Đây là mã ví dụ:

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

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

Sử dụng tên lớp để nhận bất kỳ giá trị điều khiển hộp văn bản nào có thể trả về giá trị khác hoặc sai vì tên lớp tương tự cũng có thể được xác định cho bất kỳ điều khiển nào khác. Vì vậy, nhận giá trị của một hộp văn bản cụ thể có thể được tìm nạp theo id của nó.

— Akshay Chawla
nguồn

2

Bằng cách sử dụng

$("#txtEmail").val()

bạn nhận được giá trị thực của phần tử

— MIlan Modh
nguồn