Oke, langsung saja kita mulai. Pertama buat dahulu sebuah database di
phpMyAdmin, dalam kasus ini saya membuat Database dengan nama tutorialweb.
Selanjutnya dumping script SQL di bawah ini:
|
CREATE TABLE `jurusan` (
`nama_id` int(11) NOT NULL auto_increment,
`jurusan_nama` varchar(32) NOT NULL,
PRIMARY KEY (`nama_id`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=6 ;
INSERT INTO `jurusan` VALUES (1, 'Teknik Komputer & Jaringan');
INSERT INTO `jurusan` VALUES (2, 'Multimedia');
INSERT INTO `jurusan` VALUES (3, 'Akuntansi');
INSERT INTO `jurusan` VALUES (4, 'Perbankan');
INSERT INTO `jurusan` VALUES (5, 'Pemasaran');
|
Jika sudah Anda akan mendapatkan sebuah Table dengan nama
jurusan, dan sudah berisi beberapa data jurusan. Klik tombol
Browse, dan akan mendapatkan tampilan seperti di bawah ini:
Selanjutnya kita akan membuat script untuk menampilkan data nama-nama
jurusan di atas dengan menggunakan Dropdown List dengan tag
<select>. Dan berikut ini scriptnya:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
<html>
<head>
<title>Dinamic List by TUTORIALWEB.NET</title>
</head>
<p>
<form>
Pilih Jurusan :
<select name="jurusan">
<option>--- Pilih Jurusan ---</option>
<?php
mysql_connect("localhost", "root", "root");
mysql_select_db("tutorialweb");
$sql = mysql_query("SELECT * FROM jurusan ORDER BY jurusan_nama ASC");
if(mysql_num_rows($sql) != 0){
while($row = mysql_fetch_assoc($sql)){
echo '<option>'.$row['jurusan_nama'].'</option>';
}
}
?>
</select>
<input type="submit" name="submit" value="OK" />
</form>
</p>
</html>
|
Jangan lupa simpan dengan nama
index.php
Sedikit penjelasan terntang script di atas:
- Baris 12 – 13 : melakukan koneksi ke database
- Baris 14 : melakukan Query dengan men SELECT semua data yang ada pada table jurusan
- Baris 16 : melakukan perulangan while dan mengambil data dari Query pada baris ke 14
- Baris 17 : print hasil output.
Yups, sampai disini dulu tutorial kali ini. Silahkan anda mencobanya
sendiri, jangan di lihat saja karena akan terasa sulit. Jadi cobalah…Oke, langsung saja kita mulai. Pertama buat dahulu sebuah database di
phpMyAdmin, dalam kasus ini saya membuat Database dengan nama
tutorialweb.
Selanjutnya dumping script SQL di bawah ini:
|
CREATE TABLE `jurusan` (
`nama_id` int(11) NOT NULL auto_increment,
`jurusan_nama` varchar(32) NOT NULL,
PRIMARY KEY (`nama_id`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=6 ;
INSERT INTO `jurusan` VALUES (1, 'Teknik Komputer & Jaringan');
INSERT INTO `jurusan` VALUES (2, 'Multimedia');
INSERT INTO `jurusan` VALUES (3, 'Akuntansi');
INSERT INTO `jurusan` VALUES (4, 'Perbankan');
INSERT INTO `jurusan` VALUES (5, 'Pemasaran');
|
Jika sudah Anda akan mendapatkan sebuah Table dengan nama
jurusan, dan sudah berisi beberapa data jurusan. Klik tombol
Browse, dan akan mendapatkan tampilan seperti di bawah ini:
Selanjutnya kita akan membuat script untuk menampilkan data nama-nama
jurusan di atas dengan menggunakan Dropdown List dengan tag
<select>. Dan berikut ini scriptnya:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
<html>
<head>
<title>Dinamic List by TUTORIALWEB.NET</title>
</head>
<p>
<form>
Pilih Jurusan :
<select name="jurusan">
<option>--- Pilih Jurusan ---</option>
<?php
mysql_connect("localhost", "root", "root");
mysql_select_db("tutorialweb");
$sql = mysql_query("SELECT * FROM jurusan ORDER BY jurusan_nama ASC");
if(mysql_num_rows($sql) != 0){
while($row = mysql_fetch_assoc($sql)){
echo '<option>'.$row['jurusan_nama'].'</option>';
}
}
?>
</select>
<input type="submit" name="submit" value="OK" />
</form>
</p>
</html>
|
Jangan lupa simpan dengan nama
index.php
Sedikit penjelasan terntang script di atas:
- Baris 12 – 13 : melakukan koneksi ke database
- Baris 14 : melakukan Query dengan men SELECT semua data yang ada pada table jurusan
- Baris 16 : melakukan perulangan while dan mengambil data dari Query pada baris ke 14
- Baris 17 : print hasil output.
Yups, sampai disini dulu tutorial kali ini. Silahkan anda mencobanya
sendiri, jangan di lihat saja karena akan terasa sulit. Jadi cobalah…
SUMBER : http://tutorialweb.net/membuat-dynamic-dropdown-list-php-mysql/
Posted in:
0 komentar:
Posting Komentar