Assalamu 'alaikum wr. wb.

Selamat apa saja buat para pecandu internet yang menyempatkan mampir di blog saya ini.  Kali ini saya akan membahas bagaimana menyembunyikan textfield di aplikasi web secara dinamis. Kalau statis mudah tinggal di beri type hidden pada text field. seperti <input type='hidden' name='hidden_statis'/>.

 Selanjutnya untuk yang dinamis, seperti contoh dibawah ini:

1. Buat form inputan seperti ini:

<?php
echo"<form name='latihan' method='POST' action=''>
<table>
<tr><td>Textbox<td>
<td><input type='text' name='textbox' id='textbox' /><td>
</tr>
<tr><td>combobox<td>
<td><select name='combobox' id='combobox'>
       <option value=''>=pilih=</option>
          <option value='list1'>list1</option>
          <option value='list2'>list2</option>
 </select><td></tr>
  <tr><td>Text field</td>
  <td><input type='text' name='textfield' id='textfield'/>
  </td></tr>  <tr><td><td><td><button type='submit' name='simpan'></button>
  <td></tr>
</table>
</form>"; 
?>

2. Buat script untuk menyembunyikan dengan javascript.

<script language='javascript'>
function hiddenTextfield()
{
  if (document.latihan.combobox.value == " ")
    {
  document.latihan.textfield.style.visibility ="hidden";
    }
  else
  {
  document.latihan.textfield.style.visibility ="visible";
  }
}
</script>

3. Memanggil javascript diatas dan diletakan di dalam <select> atau comboboxnya dengan event onChange.

<select name='combobox' id='combobox' onChange='hiddenTextfied'>

Nah.cukup mudahkan. silahkan dicoba dan lihat hasilnya. Insya Allah bisa.. mohon maaf jika ada kesalahan, mohon sarannya jika masih ada yang perlu diperbaiki, silahkan bertanya jika ada pertanyaan, akan dijawab semaksimal mungkin yang saya bisa, dan jangan menghujat.

Wassalamu 'alaikum Wr. wb.