Apa cara untuk mendapatkan dan merender nilai input menggunakan jQuery?
Ini satu:
$(document).ready(function() {
$("#txt_name").keyup(function() {
alert($(this).val());
});
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<input type="text" id="txt_name" />
jquery
html
jquery-selectors
textinput
Bharanikumar
sumber
sumber
Jawaban:
sumber
val
darivar bla
maka dia perlu untuk menghapus tanda kutip.Anda hanya dapat memilih nilai dengan dua cara berikut:
Jika Anda ingin menggunakan JavaScript langsung untuk mendapatkan nilai, berikut adalah caranya:
sumber
attr
mungkin juga digantiprop
. Ini secara semantik lebih baik.$("#txt_name").val(str);
bekerja untuk saya di Chrome untuk menetapkan nilai. Coba posting ini .$("#txt_name").attr('value')
akan selalu mengembalikan konten atribut "nilai", jadi jika Anda mengubah bidang input, nilainya tidak berubah..val()
akan selalu mengembalikan isi bidang ..Ada satu hal penting untuk disebutkan:
akan mengembalikan nilai real saat ini dari bidang teks, misalnya jika pengguna mengetik sesuatu di sana setelah memuat halaman.
Tapi:
akan mengembalikan nilai dari DOM / HTML.
sumber
Anda bisa mendapatkan
value
atribut secara langsung karena Anda tahu itu adalah<input>
elemen, tetapi penggunaan Anda saat.val()
ini sudah menjadi yang sekarang.Untuk yang di atas, cukup gunakan
.value
pada elemen DOM secara langsung, seperti ini :sumber
Anda harus menggunakan berbagai cara untuk mendapatkan nilai saat ini dari elemen input.
METODE - 1
Jika Anda ingin menggunakan yang sederhana
.val()
, coba ini:Dapatkan nilai dari Input
Tetapkan nilai ke Input
METODE - 2
Gunakan
.attr()
untuk mendapatkan konten.Saya hanya menambahkan satu atribut ke kolom input.
value=""
atribut adalah orang yang membawa konten teks yang kita masukkan di bidang input.METODE - 3
Anda dapat menggunakan ini langsung pada
input
elemen Anda .sumber
Anda bisa mendapatkan nilai seperti ini:
Dimana
this
mengacu pada form yang berisi input.sumber
this
mengacu pada formulir yang berisi input.Saya pikir fungsi ini tidak terjawab di sini di jawaban sebelumnya:
sumber
Untuk mendapatkan nilai kotak teks, Anda dapat menggunakan
val()
fungsi jQuery .Sebagai contoh,
$('input:textbox').val()
- Dapatkan nilai kotak teks.$('input:textbox').val("new text message")
- Tetapkan nilai kotak teks.sumber
Bagi mereka yang menyukai saya adalah pemula di JS dan mendapatkan
undefined
alih-alih nilai teks pastikan bahwa Andaid
tidak mengandung karakter yang tidak valid .sumber
Anda cukup mengatur nilai dalam kotak teks.
Pertama, Anda mendapatkan nilai suka
Setelah mendapatkan nilai yang ditetapkan dalam input suka
sumber
Coba ini. Pasti akan berhasil.
sumber
<input type="text" />
), ia mengembalikan tidak terdefinisi. (2) Jika Anda melakukannya seperti ini<input type="text" value="test" />
dan tipe pengguna foo di bidang input,$('#txt_name').attr('value')
tes masih mengembalikan ".