Pemrosesan Form Komponen Combo Box

Mengawali trik pada bab ini, kami akan paparkan bagaiman melakukan pemrosesan form dengan komponen combo box yang memiliki bentuk seperti drop down menu dan kita minta memilih item yang diinginkan di antara item yang ada dalam list komponen tersebut.

Pasti sobat-sobat pada betanyakan, bagaimana cara membuat combo box????
Well langsung aja copas listing dibawah ini :

        <select name="namacombobox">
          <option value="value1">Pilihan 1</option>
          <option value="value2">Pilihan 2</option>
          <option value="value3">Pilihan 3</option>
         </select>

Tag HTML diatas akan otomatis mnghasilkan sebuah combo box yang berisi komponen-komponen yang sobat masukan. Pemberian atribut name jangan lupa dituliskan karena ini berhubungan dengan proses submit ke script pemrosesan script.

Selanjutnya, misalkan anada punya table dalam database yang berisi data, lalu anda ingin menampilkanya sebagai list item combo boxny. Caranya bagaimana????? hanya dengan melakukan proses perulangan (looping) pada bagian option (pilihan)sesuai dengan data yang dibaca dari database. Sebagai contoh, misalkan kita mempunyai tabe COUNTRIES dan datanya sebagai berikut :

CREATE TABLE 'countries' (
   'id' varchar (2) NOT NULL DEFAULT '',
   'namanegara' varchar (20) DEFAULT NULL,
    PRIMARY KEY ('id')
    )

    INSERT INTO 'countries' VALUES ('ID', 'INDONESIA');
    INSERT INTO 'countries' VALUES ('AU', 'AUSTRALIA');
    INSERT INTO 'countries' VALUES ('US', 'AMERIKA SEIRKAT');

Maka script PHPnya adalah:

  <br />
<form action="" method="post">
 pilih salah satu negara:
 <select name="negara">
  echo"<option value="$data[id]"> $data[namanegara] </option>";
  }
</select>
<input name="submit" type="submit" value="submit" />
</form>
sekarang coba jalankan script form_combobox.php, lalu klik tanda panah ke abawah pada combo box, maka akan tampil pilihan negara.

Well that's it.... Semoga berguna ya guys!!! <br />

Posting Lebih Baru Posting Lama

Leave a Reply

No bad words pleasee.. Thanks :)

Diberdayakan oleh Blogger.

Blogger templates

Blogger news