Jika kita sering bergelut dengan javascript , maka kasus diatas suatu saat mungkin akan kita alami , biasanya terjadi bila kita ingin membuat satu baris script yang bisa dipakai untuk semua field di form .
Sebagai permulaan dan bagi yang terbiasa dengan javasript tentu mengenal script dibawah ini :
document.formname.fieldname.value
Sebagai contoh penggunaan adalah kita ingin mengambil data disebuah field menggunakan javascript :
var data = document.formpribadi.nama.value;
Nah bila suatu saat kita ingin mengisi field tersebut atau field lainnya dengan nama field yang telah ditentukan , maka kita membutuhkan sebuah script dimana nama field kita ubah menjadi sebuah variabel .
Contoh awal berikut menggambarkan proses mengubah string menjadi sebuah variabel yang bernilai .
<script language=”‘javascript”>
var a = “nama”;
var nama=”Teddy”;
var lain=”Aprilianto”;
function strtovar(){
alert(window[a] + window["lain"]);
}
strtovar() // alerts: Teddy Aprilianto
</script>
Nah kembali pada kasus document form , berikut contohnya :
<html>
<head>
<title>Javascript : Makes string as variabel</title>
<script language=”javascript”>
function strotvar()
{
var x = “nama1″; //Coba ubah nilainya menjadi nama2 , dan refresh halaman
//var x = “nama2″;
document.form.elements[x].value = “Teddy Aprilianto”;
}
</script>
</head>
<body>
<form name=”form”>
Nama 1 : <input type=”text” name=”nama1″ size=”10″> <br>
Nama 2 : <input type=”text” name=”nama2″ size=”10″> <br>
<input type=”button” name=”update” value=”Test” onclick=”new strtovar()”>
</form>
</body></html>
Jika benar maka begitu tombol Test kita klik maka nilai “Teddy Aprilianto” akam=n mucul di field nama 1 , sekarang coba ganti nilai variabel x menjadi “nama2″ , dan kemudian refresh halaman web dan klik Test , maka nilai “Teddy Aprilianto” akan muncul di field nama 2 .
Selamat mencoba !
