contact
WA: 0822-8846-7823
SMS: 0822-8846-7823
Call: 0822-8846-7823
BBM: D7DB3491
ebsofmail@gmail.com

Cara auto copy value textbox ke textbox lainya

Posted in Javascript Jquery Life at 10 Agustus 2016 With 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 ,

▼ Download Source Code Dibawah Ini ▼


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.

Artikel Terkait

Diskusi