Tuesday, 1 August 2017

Form select dengan attribut OnChange


Langsung aja, ini berfungsi untuk menampilkan list data ketika kita memilih salah satu dari menu droupdown select.
Buat file php dengan nama testonchange.php
Copy paste saja langsung file dibawah :D

<body>
<div>
<h2>Product List</h2>
<form method="POST">
<select name='kategori' onchange='this.form.submit()'>

<?php 
if(isset($_POST['kategori'])){
$kategori = $_POST['kategori'];
echo"<option selected>$kategori</option>";
} ?>
<option value="All Product">All Product</option>
<option value="Smartphone">Smartphone</option>
<option value="Tablet">Tablet</option>
<option value="Notebook">Notebook</option>
</select>
<noscript><input type="submit" value="Submit"></noscript>
</form>

<?php
if(isset($_POST['kategori'])){
$kategori = $_POST['kategori'];
} else {
$kategori = "";
}
// Seleksi Data yang akan ditampilkan
if(($kategori=="All Product") || (!isset($_POST['kategori']))){
echo"Samsung - Galaxy S4"; echo"<br/>";
echo"Iphone 5S"; echo"<br/>";
echo"Phonepad"; echo"<br/>";
echo"Galaxy Tab 3"; echo"<br/>";
echo"Ipad 5"; echo"<br/>";
echo"MemoPad"; echo"<br/>";
echo"Ativ 9 Plus"; echo"<br/>";
echo"Mac Book Pro 13"; echo"<br/>";
echo"Zenbook UX301 Infinity"; echo"<br/>";
}
elseif($kategori=="Smartphone"){
echo"Galaxy S4"; echo"<br/>";
echo"Iphone 5S"; echo"<br/>";
echo"Phonepad"; echo"<br/>";
}
elseif($kategori=="Tablet"){
echo"Galaxy Tab 3"; echo"<br/>";
echo"Ipad 5"; echo"<br/>";
echo"MemoPad"; echo"<br/>";
}
elseif($kategori=="Notebook"){
echo"Ativ 9 Plus"; echo"<br/>";
echo"Mac Book Pro 13"; echo"<br/>";
echo"Zenbook UX301 Infinity"; echo"<br/>";
}
// Seleksi Data yang akan ditampilkan
?>
</div>
</body>



Semoga Bermanfaat :D :)

No comments:

Post a Comment