Bagaimana cara mendapatkan nilai kotak teks menggunakan jQuery?

486

Saya bisa mendapatkan elemen seperti ini $("#txtEmail")tetapi saya tidak yakin bagaimana mendapatkan nilai sebenarnya.

jquery Mikha
sumber
22
apakah Anda mencoba $ ("txtEmail"). val ()
Perpetualcoder
2
hehehe ... masalahnya adalah bahwa saya lupa untuk merujuk fungsi saya di event klik =)
Micah

Jawaban:

765

Ada sebuah .val()metode:

Jika Anda mendapat input dengan id, txtEmailAnda dapat menggunakan kode berikut untuk mengakses nilai kotak teks:

$("#txtEmail").val()

Anda juga dapat menggunakan val(string)metode untuk menetapkan nilai itu:

$("#txtEmail").val("something")
neilprosser
sumber
2
Mengapa '.value ()' tidak berfungsi di jQuery? Saya tidak akan mencari Google jika melakukannya, karena ini yang saya coba secara intuitif. Mengapa memilih untuk mempersingkat dua karakter ...
Mike de Klerk
var user_email = $("#txtEmail").val()
Nipek
74

Gunakan metode .val ().

Juga saya pikir Anda dimaksudkan untuk menggunakan $("#txtEmail")sebagai $("txtEmail")elemen hasil dari jenis <txtEmail>yang Anda mungkin tidak memiliki.

Lihat di sini di dokumentasi jQuery .

Juga metode jQuery val () .

Spencer Ruport
sumber
23

Kemungkinan Gandakan:

Hanya Info Tambahan yang membutuhkan waktu lama untuk menemukan. Bagaimana jika Anda menggunakan nama bidang dan bukan id untuk mengidentifikasi bidang formulir. Anda melakukannya seperti ini:

Untuk tombol radio:

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

Untuk kotak teks:

 var txt=$('input:text[name=DrugDurationLength]').val();
Yoosaf Abdulla
sumber
Hati-hati saat memposting salin dan tempel jawaban boilerplate / kata demi kata untuk beberapa pertanyaan, ini cenderung ditandai sebagai "spam" oleh komunitas. Jika Anda melakukan ini, biasanya itu berarti pertanyaannya adalah duplikat, jadi tandailah sebagai berikut: stackoverflow.com/questions/1320088
Kev
1
@Kev: Saya tidak tahu tentang pemberian tag seperti itu. Namun, saya tidak yakin apakah itu duplikat sama sekali selama saya memposting solusi ini. Saya tidak dapat menemukan satu di SO jadi diposting. Tapi ya, saya akan terus mengingatnya dan terima kasih sudah memberi tahu.
Yoosaf Abdulla
1
"Input: text" membantu karena saya memiliki 2 kontrol dengan nama yang sama. : <(Catat kode saya, baru saja mewarisinya)
granadaCoder
6

Ada .val();metode yang bisa Anda gunakan.

Jadi, dalam situasi Anda, Anda ingin menggunakannya $("#txtEmail").val();. Juga, pastikan Anda menambahkan properti id ke dalam kode html Anda!

kambing hitam17
sumber
5

Gunakan .val()metode untuk mendapatkan nilai aktual dari elemen yang Anda butuhkan.

PUBG
sumber
4

Anda dapat mengakses nilai kontrol Texbox baik dengan ID-nya atau dengan nama Kelasnya.

Berikut ini contoh kode:

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

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

Menggunakan nama kelas untuk mendapatkan nilai kontrol kotak teks dapat mengembalikan nilai lain atau salah karena nama kelas yang sama juga dapat didefinisikan untuk kontrol lainnya. Jadi mendapatkan nilai kotak teks tertentu dapat diambil dengan id-nya.

Akshay Chawla
sumber
2

Dengan menggunakan 

$("#txtEmail").val()

Anda mendapatkan nilai elemen yang sebenarnya

MIlan Modh
sumber