Pertanyaan Dapatkan nilai dalam kotak teks input


Apa cara untuk mendapatkan dan membuat nilai input menggunakan jQuery?

Ini ada satu:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.min.js" ></script>
<script type="text/javascript">
    $(document).ready(function(){
        $("#txt_name").keyup(function(){
            alert($(this).val());
        });
    })
</script>

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

832
2017-11-03 15:07


asal


Jawaban:


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

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

1376
2018-04-09 13:28



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 nilainya, berikut ini caranya:

document.getElementById('txt_name').value 

561
2017-11-03 15:11



Ada satu hal penting untuk disebutkan:

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

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

Tapi:

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

akan mengembalikan nilai dari DOM / HTML.


74
2018-03-20 14:54



Anda bisa mendapatkan value atribut langsung karena Anda tahu itu sebuah <input> elemen, tetapi penggunaan Anda saat ini .val() sudah menjadi yang sekarang.

Untuk hal di atas, gunakan saja .value pada elemen DOM secara langsung, seperti ini:

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

32
2017-11-03 15:09



Saya pikir fungsi ini tidak terjawab di sini di jawaban sebelumnya

.val( function(index, value) ) 

13
2018-06-22 06:21



Anda bisa mendapatkan nilainya seperti ini:

this['inputname'].value

10
2018-01-30 22:04



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

METODE - 1

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

Setel 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

Menggunakan .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 yang ini secara langsung pada Anda input elemen.

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

7
2017-07-05 20:16



Untuk mendapatkan nilai textbox, Anda bisa menggunakan jQuery val() fungsi.

Sebagai contoh,

$('input:textbox').val() - Dapatkan nilai kotak teks.

$('input:textbox').val("new text message") - Atur nilai kotak teks.


5
2017-11-04 14:19