Hello guys! jQuery merupakan salah satu Library JavaScript yang cukup populer. Kali ini, kita akan membuat Program JavaScript jQuery Get Form Fields.
Sumber : Tutorialsteacher.com, Tutorialspoint.com, dan W3schools.com
Untuk Software-nya, Anda bisa menggunakan Notepad++, Sublime Text, ataupun VS Code, dan ditampilkan melalui Browser Anda. Bahkan Anda juga bisa menggunakan Online Compiler yang ada di Internet seperti Programiz, OneCompiler, OnlineGDB, dll.
Sebagai contoh, document.getElementById() dalam JavaScript akan mengembalikan objek DOM, sedangkan $('#id') akan mengembalikan objek jQuery. Gambar berikut mengilustrasikan perbedaannya.
jQuery menyediakan sejumlah metode untuk memanipulasi DOM secara efisien. Anda tidak perlu menulis kode yang besar dan kompleks untuk mengatur atau mengambil konten dari elemen HTML apa pun.
Metode val() jQuery digunakan untuk mendapatkan nilai dari bidang formulir apa pun. Berikut adalah sintaks sederhana dari metode ini.
$(selector).val();
Contoh :
Berikut adalah contoh lain untuk menunjukkan bagaimana mendapatkan nilai dari suatu bidang input dengan metode val() jQuery.
<!DOCTYPE html><html><head><title>The jQuery Example</title><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script><script>$(document).ready(function() {$("#b1").click(function(){alert($("#name").val());});$("#b2").click(function(){alert($("#class").val());});});</script></head><body><p>Name: <input type="text" id="name" value="Inzaghi Posuma"/></p><p>Class: <input type="text" id="class" value="Class 12th"/></p><button id="b1">Get Name</button><button id="b2">Get Class</button></body></html>
Output :
Mohon maaf apabila ada kesalahan sedikit pun pada Kode Program ini.
Terima Kasih 😀😊😘👌👍 :)