Cara auto copy value textbox ke textbox lainya

Publish Date : 10-08-2016 , dibaca 26582 kali, Hari ini dibaca : 1 kali ,0 comments

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 ,

auto copy textbox dengan 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.

Produk Rekomendasi

Artikel Terkait

Diskusi



wa