Tadi malam melakukan blogwalking untuk mencari bagaimana caranya mengisi elemen input dengan menggunakan JQuery. Cara ini kubutuhkan untuk melanjutkan pembuatan pembelajaran berbasis simulasi untuk materi penghitungan kependudukan. Dulu, sebenarnya sudah pernah membuat dengan Java Script, namun scriptnya terlalu panjang dan membuat pusing kepala. Dengan JQuery, sepertinya script itu bisa disederhanakan.
Setelah cara itu didapat, sekarang saatnya diarsipkan di sini. 🙂
Membuat element input dengan name istilah, NAME digunakan untuk inisiasi value element input dengan JQuery nanti.
//perhatikan id yang digunakan
<input type="text" name="istilah">
Membuat element div untuk diberi event klik, ID digunakan untuk pemanggilan element dari JQuery nanti.
//perhatikan id yang digunakan
<div id="klik">Klik aku</div>
Script JQuery hover
//import file jQuery
<script type="text/javascript" src="sumber/jquery.js"></script>
<script type="text/javascript">
//agar jQuery bekerja ketika dokumen siap
$(documen).ready(function(){
//memberi event klik pada id klik
$('#klik').click(function(){
//memberi tugas pada id istilah agar terisi value sesuai variabel
$("input[name='istilah']").val("Ok! saya muncul");
});
});
</script>
Keterangan: fungsi val() digunakan untuk mengidentifikasi value dari input untuk kemudian ditindaklanjuti dengan event lanjutan.
Contoh
