Cara Membuat Combo Box Dengan Script PHP

Cara Membuat Combo Box Dengan Script PHP - kotak kombo select adalah elemen berbentuk kotak yang ketika diklik akan menampilkan pilihan menu drop-down (daftar drop-down). Combo box lebih efisien ketika pilihan yang relatif besar atau lebih dari satu pilihan. Dengan combo box akan membentuk lebih kompak karena hanya dalam waktu satu area garis seperti kotak centang masukan. Proses memilih combo box dilakukan dengan terlebih dahulu menampilkan seluruh isi dengan mengklik kllik combo box dan pilih dengan mengklik salah satu isi dari daftar combo box.

Cara membuat combo box select

Berbeda dari unsur-unsur bentuk sebelumnya yang menggunakan <input> tanpa penutup, ketika membuat combo box menggunakan <select> dan ditutup dengan tag </ select>. Untuk membuat daftar isi combo box menggunakan <option> dan tag penutup </ option>.

Untuk menentukan nama combo box menggunakan nama atribut ditempatkan di <select>. Dan untuk menentukan nilai / nilai opsi adalah pilihan menggunakan atribut nilai ditempatkan di <option>. Jika Anda ingin salah satu pilihan di pilih-beban ketika Anda pertama kali menggunakan atribut dipilih dalam <option>.

Jumlah sebenarnya pilihan dalam combo box yang bisa dilakukan setidaknya dua pilihan, tetapi penggunaan combo box dinamis yang mungkin hanya membawa satu-satunya pilihan, pilihan dalam combo box dapat dibuat satu. Untuk jumlah maksimum pilihan dalam combo box belum saya tahu, namun disarankan untuk tidak membuat terlalu banyak pilihan sehingga tidak membingungkan pengguna.

Penggunaan combo box select

Seperti disebutkan di atas bahwa combo box pilih digunakan untuk memilih salah satu pilihan dari beberapa pilihan pada daftar. Alasan untuk menggunakan combo box daripada masukan tombol radio adalah untuk menempatkan efisiensi jika opsi yang muncul relatif banyak.

Contoh penggunaan combo box adalah ketika kita memilih negara asal saat proses pendaftaran. Ada contoh lain dari penggunaan seperti kotak kombo dinamis ketika memilih provinsi dan kabupaten di website atau Komisi ketika akan memeriksa nama kami pada DPT pemilu kemarin. Ada sedikit perbedaan antara combo box yang digunakan pada formulir PHP dengan combo box di dasar visual yang tidak bisa mengetik teks dalam kotak kombo. Jika Anda ingin bahwa itu harus menggunakan komponen buatan sendiri.

Menentukan nilai dari combo box select

Nilai combo box ditentukan oleh nilai atribut pada <option>. Nilai combo box dalam bentuk string dan tertulis harus diapit tanda kutip. Salah satu alasan untuk menggunakan combo box adalah nilai-nilai yang akan dimasukkan oleh pengguna yang sudah diketahui, sehingga pengguna tidak salah ketik dalam memasukkan data.

Mengambil nilai dari combo box select

Bagaimana untuk mengambil nilai dari combo box seperti ketika mengambil nilai dari input teks. Opsi yang dipilih secara otomatis menjadi nilai kembali dari kotak kombo. Ketika kotak combo dimuat secara otomatis memilih opsi ditulis pada kecuali pilihan lain ditentukan oleh atribut yang dipilih.

Contoh penggunaan combo box pilih PHP

Membuat combo box select

1. <form action="" method="post">

2. <select name="fruit">

3. <option value="">Silahkan Pilih</option>

4. <option value="fruit1">Apel</option>

5. <option value="fruit2">Jeruk</option>

6. <option value="fruit3">Semangka</option>

7. <option value="fruit4">Salak</option>

8. </select>

9. <input type="submit" name="enter" value="Enter">

10. </form>

Display form above the browser

<label>

<option>fruit1</option>

<option>fruit2</option>

<option>fruit3</option>

<option>fruit4</option>

</select>

</label>

<label>

</label>

</form>

Create a script to handle combo box

1. <?php

2. if(isset($_POST['enter']))

3. {

4. if(emptyempty($_POST['fruit']))

5. {

6. echo " You have not selected!";

7. }

8. else echo "Selected : ".$_POST['fruit'];

9. }

10. ?>

Penjelasan

Pada formulir ada kotak combo dengan nama atribut = buah. Dalam daftar combo box, ada empat nama buah dan pilihan dari pilihan bebas ditempatkan di bagian atas label "Silakan pilih". Tujuan dari seleksi ini kosong mencegah pengambilan data jika pengguna belum memilih sekaligus melihat untuk memungkinkan memilih. Setiap pilihan memiliki nilai dan label yang berbeda, yaitu Apel, Jeruk, Semangka dan Salak.

Untuk mengambil nilai dari combo box pilih untuk menggunakan cara saat mengambil nilai dari input teks. Nilai yang dihasilkan oleh combo box adalah nilai opsi yang dipilih. Dalam naskah itu dibuat setelah deteksi tombol enter ditekan akan memeriksa nilai dari combo box pilih buah. Jika nilai kosong (kosong) berarti box pilih combo belum (masih muncul "Silakan pilih"). Dan jika nilai tidak kosong akan menampilkan nilai dari combo box pilih.

Referensi :

· http://www.w3schools.com/tags/tag_select.asp

· http://www.w3schools.com/tags/att_option_selected.asp