Apa cara untuk mendapatkan dan membuat aplikasi input nilai menggunakan jQuery?
Berikut adalah salah 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" />
Anda hanya dapat memilih satu 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 lurus JavaScript untuk mendapatkan nilai, berikut adalah caranya:
document.getElementById('txt_name').value
Ada satu hal penting lagi:
$("#txt_name").val();
akan kembali saat real value dari text field, misalnya jika pengguna mengetik sesuatu di sana setelah beban halaman.
Tapi:
$("#txt_name").attr('value')
akan mengembalikan nilai dari DOM/HTML.
Anda bisa mendapatkan nilai
atribut secara langsung karena anda tahu itu's <input>
elemen, tetapi anda saat ini penggunaan dari .val()
sudah satu saat ini.
Untuk di atas, gunakan saja .nilai
pada elemen DOM langsung, [seperti ini][2]:
$(document).ready(function(){
$("#txt_name").keyup(function(){
alert(this.value);
});
});
Anda harus menggunakan berbagai cara untuk mendapatkan nilai saat ini dari suatu elemen input.
METODE - 1
Jika anda ingin menggunakan simple .val()
, coba ini:
<input type="text" id="txt_name" />
Mendapatkan nilai-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();
Set nilai untuk 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 pada input field. value=","
atribut adalah salah satu yang membawa isi teks yang kita masukkan di kolom input.
$("input").attr("value");
METODE - 3
anda dapat menggunakan yang satu ini langsung pada input
elemen.
$("input").keyup(function(){
alert(this.value);
});
Anda bisa mendapatkan nilai seperti ini:
this['inputname'].value
Di mana ini
mengacu pada formulir yang berisi input.
Untuk mendapatkan textbox nilai, anda dapat menggunakan jQuery val()
fungsi.
Misalnya,
$('input:teks').val()
– Dapatkan textbox nilai.
$('input:teks').val("pesan teks baru")
– Set textbox nilai.