Cara mendapatkan nilai elemen dengan nama, bukan ID


111

Bagaimana saya bisa mendapatkan nilai elemen dengan nama bukan dengan ID misalnya jika saya menggunakan id itu akan $('#id').val();


1
apa yang kamu maksud dengan 'nama'?
Natrium

3
Tapi apa maksudmu dengan "nama"?
kjagiello

6
Saya pikir yang dia maksud adalah <input id = "ID" name = "Name" type = "text" />, yaitu menggunakan nama, bukan kolom id. Tapi itu mungkin hanya saya parafrase dengan sebuah contoh;)
Ed James

Anda dapat menggunakan pemilih CSS di sana (setidaknya saya belum menemukan pengecualian)
muka.gergely

Jawaban:


316

Gunakan pemilih atribut nama:

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

3
Perhatikan juga bahwa memiliki tipe elemen tidak diperlukan.
rfunduk

5
+1 untuk Anda Nick, karena Anda dapat memahami pertanyaannya.
kjagiello

4
@thenduks: Meskipun ini benar ... nama biasanya ditemukan pada input, dan ini membuat pemilih lebih cepat.
Nick Craver

hanya pembaruan untuk ini. Metode yang diberikan oleh @NickCraver tidak berhasil untuk saya, namun $ (": input [name = nameGoesHere]"). Val () berfungsi dalam kasus saya.
Gunnrryy


9

Gunakan pemilih atribut nama:

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

Merupakan persyaratan wajib untuk menyertakan tanda kutip di sekitar nilai, lihat: http://api.jquery.com/attribute-equals-selector/


Saya hanya ingin mencatat bahwa dalam beberapa kasus (setidaknya milik saya), tidak perlu meletakkan bagian 'masukan'. Berikut ini sudah cukup ---> $ ("[name = 'nameGoesHere']"). Val () ;. Meskipun, saya bekerja di dalam paket Oracle. Saya melihat posting ini untuk referensi dan tidak bisa membuatnya berfungsi kecuali saya menghapus 'input' dari pernyataan itu. Untuk berjaga-jaga jika ada orang lain yang mengunjungi posting ini untuk referensi dan juga bekerja dengan Oracle
user1898629

6

Untuk mendapatkan nilainya, kita bisa menggunakan beberapa atribut, salah satunya atribut name . Misalnya

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

Kita juga bisa menggunakan atribut lain untuk mendapatkan nilai

HTML

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

JS

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

1

Ini berfungsi dengan baik .. di sini btnAddCat adalah id tombol

$('#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
let startDate = $('[name=daterangepicker_start]').val();
alert(startDate);

0

Elemen apa yang digunakan untuk bagian dengan latar belakang hijau? Cukup ketikkan nama elemen tanpa karakter "<" dan ">". Misalnya tipe P, bukan <P>jika jawabannya adalah <P>elemennya.


-1

Anda juga dapat menggunakan nama kelas.

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

Pertanyaannya adalah tentang mendapatkan nilai dengan menggunakan nama bukan kelas.
newbdeveloper
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.