Cara auto copy value textbox ke textbox lainya
Pada postingan kali ini kita akan membahas "cara auto copy isi textbox ke textbox lainnya " dengan menggunakan javascript, dalam kasus ini jika user menginputkan di textbox yang pertama , maka akan otomatis tercopy di textbox yang kedua, Namun sebelum kita melanjutkan tutorial ini, jika temen-teman belum membaca artikel sebelumnya , silahkan dibaca juga ya :
Action Form dengan Select tanpa Tombol Submit
Ok.. Mari kita mulai membuat script auto copy isi textbox ke textbox yang lainnya dengan menggunakan javascript ,
CODE :
<p>Masukkan kata pertama :
<input type="text" id="txtFirst" placeholder="input" onkeyup="copytextbox();" />
</p>
<p>Will be coiped here :
<input type="text" id="txtSecond" />
</p>
<script>
function copytextbox() {
document.getElementById('txtSecond').value = document.getElementById('txtFirst').value;
}
</script>
Silahkan dicopy script diatas, dan simpan dengan extensi .html / .php , dan starting with browser your like, hee.. ya jalankan dengan menggunakan browser kesayangan anda. Jika benar, maka Inputan yang pertama akan otomatis tercopy pada inputan kedua, dengan menggambil nilai value pada perintah document.getElementById('txtSecond').value = document.getElementById('txtFirst').value; maka otomatis data yang diinputkan pada textbox pertama akan tercopy pada textbox kedua.