Senin, 21 Mei 2018

Belajar jQuery : Menetapkan Nilai dan Value Pada Element


Codins - Untuk tutorial kali ini saya akan menulis tentang cara untuk set value atau nilai pada suatu element menggunakan jquery. Tutorial ini adalah tutorial lanjutan dari Belajar jQuery : Mendapatkan Nilai Dari Element, sehingga anda lebih baik untuk membaca tutorial sebelumnya sebelum membaca artikel ini. 

Set Value Dengan jQuery

Set value atau menetapkan nilai pada jquery sebenarnya kebalikan dari get value atau mendapatkan nilai pada jquery. Method yang digunakan pada set value juga sama dengan yang ada di get value, yaitu text(), html(), dan val(). Untuk itu saya akan memberi dua contoh saja, yaitu text() dan val().

Set Value jQuery Dengan Method text()

Untuk mencoba set value dengan jquery, langkah pertama tentu membuat file html terlebih dahulu, buatlah file html bernama setvalue.html pada folder anda, kemudian isikan sintaks dibawah ini kedalam file tersebut : 

setvalue.html

Penjelasan sintaks : 
  • $("#data").text('Saya adalah text yang di-set ke tag p dengan id data'); : disini adalah proses set value, pertama kita menggunakan selector untuk memiliki tag p dengan id data, kemudian kita set value menggunakan method text('nilai yang akan ditentukan');
Setelah itu bukalah file tersebut, maka akan tampak seperti pada gambar dibawah ini :

Set Value jQuery Dengan Method val()

Untuk membuat set value dengan method val, kita akan membuat sebuah inputan dengan tipe teks. Untuk itu silakan copy sintaks dibawah ini :


Penjelasan sintaks diatas :

  • $("#nama").val('Gundul Pringis'); : kita menset value berisi Gundul Pringis ke dalam inputan dengan id nama
  • apabila button diklik maka otomatis inputan akan terisi
Kemudian klik button set nama, maka akan terisi secara otomatis seperti dibawah ini : 


Terimakasih telah memabca artikel berjudul Belajar jQuery : Menetapkan Nilai dan Value Pada Element. Semoga bermanfaat!

Related Posts

Belajar jQuery : Menetapkan Nilai dan Value Pada Element
4/ 5
Oleh