Dapatkan nilai dalam kotak teks input

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" />

//Get
var bla = $('#txt_name').val();

//Set
$('#txt_name').val(bla);

Anda hanya dapat memilih nilai dengan dua cara berikut:

// First way to get a value
value = $("#txt_name").val(); 

// Second way to get a value
value = $("#txt_name").attr('value');

Jika Anda ingin menggunakan JavaScript langsung untuk mendapatkan nilai, berikut adalah caranya:

document.getElementById('txt_name').value 

Ada satu hal penting untuk disebutkan:

$("#txt_name").val();

akan mengembalikan nilai real saat ini dari bidang teks, misalnya jika pengguna mengetik sesuatu di sana setelah memuat halaman.

Tapi:

$("#txt_name").attr('value')

akan mengembalikan nilai dari DOM / HTML.

Anda bisa mendapatkan valueatribut 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 .valuepada elemen DOM secara langsung, seperti ini :

$(document).ready(function(){
  $("#txt_name").keyup(function(){
    alert(this.value);
  });
});

Anda harus menggunakan berbagai cara untuk mendapatkan nilai saat ini dari elemen input.

METODE - 1

Jika Anda ingin menggunakan yang sederhana .val(), coba ini:

<input type="text" id="txt_name" />

Dapatkan nilai dari Input

// use to select with DOM element.
$("input").val();

// use the id to select the element.
$("#txt_name").val();

// use type="text" with input to select the element
$("input:text").val();

Tetapkan nilai ke Input

// use to add "text content" to the DOM element.
$("input").val("text content");

// use the id to add "text content" to the element.
$("#txt_name").val("text content");

// use type="text" with input to add "text content" to the element
$("input:text").val("text content");

METODE - 2

Gunakan .attr()untuk mendapatkan konten.

<input type="text" id="txt_name" value="" />

Saya hanya menambahkan satu atribut ke kolom input. value=""atribut adalah orang yang membawa konten teks yang kita masukkan di bidang input.

$("input").attr("value");

METODE - 3

Anda dapat menggunakan ini langsung pada inputelemen Anda .

$("input").keyup(function(){
    alert(this.value);
});

Anda bisa mendapatkan nilai seperti ini:

this['inputname'].value

Dimana thismengacu pada form yang berisi input.

Saya pikir fungsi ini tidak terjawab di sini di jawaban sebelumnya:

.val( function(index, value) ) 

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.

Bagi mereka yang menyukai saya adalah pemula di JS dan mendapatkan undefinedalih-alih nilai teks pastikan bahwa Anda idtidak mengandung karakter yang tidak valid .

Anda cukup mengatur nilai dalam kotak teks.

Pertama, Anda mendapatkan nilai suka

var getValue = $('#txt_name').val();

Setelah mendapatkan nilai yang ditetapkan dalam input suka

$('#txt_name').val(getValue);

Coba ini. Pasti akan berhasil.

var userInput = $('#txt_name').attr('value')