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();

Elitmiar
sumber
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();
Nick Craver
sumber
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
41
$('[name=whatever]').val()

Dokumentasi jQuery adalah teman Anda.

rfunduk
sumber
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/

anggur
sumber
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();
Anshul
sumber
1

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

$('#btnAddCat').click(function(){
        var eventCategory=$("input[name=txtCategory]").val();
        alert(eventCategory);
    });
Ajay Kumar
sumber
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);
  });
jones
sumber
0
let startDate = $('[name=daterangepicker_start]').val();
alert(startDate);
Abnormal
sumber
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.

Amira Ahmed
sumber
-1

Anda juga dapat menggunakan nama kelas.

$(".yourclass").val();
cyberoot
sumber
Pertanyaannya adalah tentang mendapatkan nilai dengan menggunakan nama bukan kelas.
newbdeveloper