Program jQuery Set Form Fields

Hello guys! jQuery merupakan salah satu Library JavaScript yang cukup populer. Kali ini, kita akan membuat Program JavaScript jQuery Set Form Fields.

Sumber : Tutorialsteacher.comTutorialspoint.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 ProgramizOneCompilerOnlineGDB, dll.


Metode val() jQuery juga digunakan untuk mengatur nilai dari bidang formulir apa pun. Berikut adalah sintaks sederhana dari metode ini ketika digunakan untuk mengatur nilai.

$(selector).val(val);

Di sini, val adalah nilai yang akan diatur untuk bidang input. Kita dapat menyediakan fungsi callback opsional yang akan dipanggil ketika nilai bidang tersebut akan diatur.

Contoh :

Berikut adalah contoh lain yang menunjukkan bagaimana mengatur nilai 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 () {
          $("#name").val("Inzaghi Posuma");
        });
        $("#b2").click(function () {
          $("#class").val("Class 12th");
        });
      });
    </script>
  </head>
  <body>
    <p>Name: <input type="text" id="name" value="" /></p>
    <p>Class: <input type="text" id="class" value="" /></p>

    <button id="b1">Set Name</button>
    <button id="b2">Set Class</button>
  </body>
</html>

Output :


Mohon maaf apabila ada kesalahan sedikit pun pada Kode Program ini.

Terima Kasih 😀😊😘👌👍 :)

Post a Comment

Previous Post Next Post