Senin, 21 Februari 2011

interaksi JS dgn komponen textarea.

·         Interaksi JavaScript dengan komponen textarea.

js_textarea.html
<html>
<head>
<title>Textarea</title>
<script language="JavaScript">
function cek()
{
  var str="Menu yang anda pilih : \n";
  for (var i=0;i<form_input.menu.options.length;i++)
  {
    if (document.form_input.menu.options[i].selected)
    {
      str=str+form_input.menu.options[i].value+"\n";
    }
  }
  form_input.pilihan.value=str;
}
</script>
</head>
<body>
<h2>Menu Makanan</h2>
<form name="form_input">
<pre>
Pilih menu yang anda sukai !
<select name="menu" multiple onChange="cek()">
  <option value="Ayam goreng">Ayam goreng</option>
  <option value="Sate Kambing">Sate Kambing</option>
  <option value="Soto Ayam">Soto Ayam</option>
  <option value="dan lain-lain">dll</option>
</select><br>
Keterangan :
<textarea name="pilihan" rows="4" cols="30" readonly="true"></textarea>
</pre>
</form>
</body>
</html>

      Hasil jadi:

Tidak ada komentar:

Posting Komentar

Total Tayangan Halaman