Cách nhận giá trị của một phần tử theo tên thay vì ID


111

Làm cách nào để lấy giá trị của một phần tử theo tên thay vì theo ID, ví dụ: nếu tôi sử dụng theo id thì nó sẽ như thế nào $('#id').val();


1
ý bạn là gì với 'tên'?
Natrium

3
Nhưng bạn có nghĩa là gì với "tên"?
kjagiello

6
Tôi nghĩ ý của anh ấy là <input id = "ID" name = "Name" type = "text" />, tức là sử dụng tên thay vì trường id. Nhưng điều đó chỉ có thể là tôi diễn giải với một ví dụ;)
Ed James

Bạn có thể sử dụng bất kỳ CSS selector có (ít nhất là tôi chưa từng gặp một ngoại lệ)
muka.gergely

Câu trả lời:


316

Sử dụng công cụ chọn thuộc tính tên:

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

3
Cũng lưu ý rằng việc có loại phần tử là không cần thiết.
rfunduk

5
+1 cho bạn Nick, vì bạn có thể hiểu câu hỏi.
kjagiello

4
@thenduks: Mặc dù điều này là đúng ... tên thường được tìm thấy trên đầu vào và điều này làm cho bộ chọn nhanh hơn nhiều.
Nick Craver

chỉ là một bản cập nhật cho điều này. Phương thức được cung cấp bởi @NickCraver không phù hợp với tôi, tuy nhiên, $ (": input [name = nameGoesHere]"). Val () đã hoạt động trong trường hợp của tôi.
Gunnrryy


9

Sử dụng công cụ chọn thuộc tính tên:

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

Yêu cầu bắt buộc phải bao gồm các dấu ngoặc kép xung quanh giá trị, hãy xem: http://api.jquery.com/attribute-equals-selector/


Tôi chỉ muốn lưu ý rằng trong một số trường hợp (ít nhất là của tôi), không cần phải đặt phần 'đầu vào'. Sau đây là đủ ---> $ ("[name = 'nameGoesHere']"). Val () ;. Mặc dù, tôi đang làm việc bên trong một gói Oracle. Tôi đang xem bài đăng này để tham khảo và không thể làm cho nó hoạt động trừ khi tôi xóa 'đầu vào' khỏi câu lệnh. Chỉ trong trường hợp bất cứ ai khác truy cập bài này để tham khảo và cũng đang làm việc với Oracle
user1898629

6

Để lấy giá trị, chúng ta có thể sử dụng nhiều thuộc tính, một trong số chúng là thuộc tính tên . Ví dụ

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

Chúng tôi cũng có thể sử dụng các thuộc tính khác để nhận giá trị

HTML

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

JS

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

1

Điều này hoạt động tốt .. đây btnAddCat là id nút

$('#btnAddCat').click(function(){
        var eventCategory=$("input[name=txtCategory]").val();
        alert(eventCategory);
    });

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

Phần tử nào được sử dụng cho phần có nền xanh? Chỉ cần nhập tên của phần tử không có ký tự "<" và ">". Ví dụ gõ P, không <P>nếu câu trả lời là <P>phần tử.


-1

bạn cũng có thể sử dụng tên lớp.

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

Câu hỏi về việc nhận giá trị bằng cách sử dụng tên không phải lớp.
triển mới
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.