Menampilkan inputan data otomatis pada form ke dua setelah form pertama di inputkan

Assalamu'alaikum... Selamat Sore,,

saya mempunyai dua buah form input (form1 dan form2). Bagaimana caranya agar form2 terisi otomatis setelah saya menginputkan data pada form1. (data pada form1 sama dengan form 2) Misalnya data yg di inputkan pada form1 = 100, maka pada form2 juga terinput 100. Mohon pencerahan nya pak, mas... Terimakasih

avatar pramadians
@pramadians

26 Kontribusi 0 Poin

Diperbarui 5 tahun yang lalu

5 Jawaban:

itu bisa agan lakukan pake angular JS

https://angularjs.org/ https://angular.io/

agan kunjungi linknya pakenya salah satu aja, karena dari cara penggunaan kelihatannya sama

avatar Chata
@Chata

118 Kontribusi 19 Poin

Dipost 5 tahun yang lalu

Bisa pakai javascript gan,

caranya ketika form1 blur (setelah focus, focusnya hilang).

nah kalo form1 kena event blur, maka ambil value form1 dan letakan di value form2

begini maksudnya <pre> var form1 = document.getElementById('form1'); var form2 = document.getElementById('form2');

/* Jika form1 mengalami posisi kehilangan focus, maka jalani fungsi */ form1.onblur = function(){

              /*
               value form2 sama dengan value punya form1
              */
              form2.value = form1.value;
            }

</pre>

bisa dicoba kalo ada kesalahan bisa dilapor gan. soalnya belum test codenya hehehe

avatar pemudakoding
@pemudakoding

342 Kontribusi 120 Poin

Dipost 5 tahun yang lalu

Tanggapan

Bisa ditaro diatas

Oke seeb, sama nh permasalahan nya

avatar 1Firsts
@1Firsts

18 Kontribusi 3 Poin

Dipost 5 tahun yang lalu

<pre> &lt;label&gt;Target RPJMD (K)&lt;/label&gt; &lt;input class="form-control" id="form1" name="form1" type="text" value="&lt;?php echo $tb_laporan-&gt;form1;?&gt;"&gt;&lt;br&gt; &lt;?php echo form_error('form1', '&lt;span class="error"&gt;', '&lt;/span&gt;'); ?&gt; </pre>

Jika saya mempunyai script seperti yang di atas, bagaimana mas/pak menampilkan data inputan secara otomatis, Terimakasih

avatar pramadians
@pramadians

26 Kontribusi 0 Poin

Dipost 5 tahun yang lalu

Apakah seperti ini yang di masksud mas Stivnz

<pre> var form1 = document.getElementById('form1'); var form2 = document.getElementById('form2');

form1.onblur = function() { form2.value = form1.value; } &lt;label&gt;Target RPJMD (K)&lt;/label&gt; &lt;input class="form-control" id="form1" name="form1" type="text" value="&lt;?php echo $tb_laporan-&gt;form1;?&gt;"&gt;&lt;br&gt; &lt;?php echo form_error('form1', '&lt;span class="error"&gt;', '&lt;/span&gt;'); ?&gt; </pre>

Pertanyaan saya,, untuk form2 nya di letak kan di mana mas?? terimakasih

avatar pramadians
@pramadians

26 Kontribusi 0 Poin

Dipost 5 tahun yang lalu

Tanggapan

Untuk js nya letakan di sesudah form

Terimakasih sebelumnya gan,, saya msh newbe menggunakan Js. Input data pada form2 akan terisi otomatis setelah form1 di entry kan. Yg saya bingungkan, script js nya gan. Boleh tolong di tunjukkan penulisan script nya. soalnya setelah saya coba data di form2 tidak muncul. Terimakasih

Login untuk ikut Jawaban