Cách lấy giá trị từ <input> bằng jQuery?

Question

tôi phải lĩnh vực đầu vào ẩn như:

<input name="foo" value="bar"> 
<input name="foo1" value="bar1"> 

Tôi muốn lấy cả hai những giá trị đó và gửi cho họ đến máy chủ sử dụng jQuery. Làm thế nào người ta sử dụng công cụ chọn jQuery để lấy các giá trị đó?

Answer 1

Như "foo" và " foo1 "là tên của các trường nhập của bạn, bạn sẽ không thể sử dụng bộ chọn id của jQuery (#), nhưng bạn sẽ phải sử dụng thay vào đó bộ chọn thuộc tính:

var foo = $("[name='foo']").val(); 
var foo1 = $("[name='foo1']").val(); 

Đó không phải là lựa chọn tốt nhất, hiệu quả. Bạn nên đặt id cho trường nhập của mình và sử dụng công cụ chọn id (ví dụ: $ ("# foo")) hoặc ít nhất cung cấp ngữ cảnh cho công cụ chọn thuộc tính:

var form = $("#myForm"); // or $("form"), or any selector matching an element containing your input fields 
var foo = $("[name='foo']", form).val(); 
var foo1 = $("[name='foo1']", form).val(); 

Answer 2

Bạn nên sử dụng id hoặc các lớp để tăng tốc độ nhận quy trình giá trị.

phiên bản ID (giả sử đầu vào có id = 'foo')

var value1 = $('#foo').val(); 

Lớp phiên bản (giả sử đầu vào có class = 'foo')

var value1 = $('.foo').val();