Postingan lainnya
Mengisi list berdasarkan data di gambar
Permisi semuanya.. izin bertanya.
Jadi saya merancang website memesan menu gitu. Nah untuk mengisi "Menu Saya" nya berdasarkan gambar menu yang telah di klik. Kira" caranya gimana ya? Mohon bantuannya. Terima Kasih.
Berikut ini tampilannya.
7 Jawaban:
bikin kondisi gan kaya 'if isset submit tombol menu" trus di passing idnya ke function buat jalanin sql select ..... where "id yang di passing"
@codenameJR makasih gan.. ane pelajarin dulu..
gan @codenameJR kok waktu saya ganti isi inputannya dari table, yang pindah cuman data bawahnya aja? kira" salah dimananya?
<html>
<head>
<title>Simulasi Input List</title>
</head>
<body>
<style>
button {
margin-left: 4px;
}
</style>
<div id="daftar-menu"></div>
<br>
Menu Saya :
<div id="menu-saya"></div>
<script>
<?php include 'koneksi.php';
$pilih=mysql_query("Select*from daftar_menu where jn_menu='Sayur Mayur'")or die(mysql_error());
while($fpilih=mysql_fetch_array($pilih)){ ?>
var daftarMenu = [
{"id":1, "nama":"<?php echo $fpilih['nm_menu']; ?>"}
]
var containerMenu = document.getElementById('daftar-menu')
var containerSaya = document.getElementById('menu-saya')
daftarMenu.map(function(menu, index) {
function handleClickAddMenu(e) {
div = document.createElement('div')
menu = daftarMenu[e.target.id].nama
div.innerText = menu
containerSaya.appendChild(div)
}
div = document.createElement('div')
spanMenu = document.createElement('span')
spanMenu.innerText = menu.nama
buttonMenu = document.createElement('button')
buttonMenu.innerText = 'Pilih'
buttonMenu.setAttribute('id', index)
buttonMenu.addEventListener('click', handleClickAddMenu, true)
div.appendChild(spanMenu)
div.appendChild(buttonMenu)
containerMenu.appendChild(div)
})
<?php } ?>
</script>
</body>
</html>
ini gan penampakannya..
Jawaban Terpilih
<html>
<head>
<title>Simulasi Input List</title>
</head>
<body>
<style>
button {
margin-left: 4px;
}
</style>
<div id="daftar-menu"></div>
<br>
Menu Saya :
<div id="menu-saya"></div>
<script>
<?php include 'koneksi.php';
$pilih=mysql_query("Select*from daftar_menu where jn_menu='Sayur Mayur'")or die(mysql_error()); ?>
var daftarMenu = [];
<?php while($fpilih=mysql_fetch_array($pilih)){ ?>
daftarMenu.push({"id":1, "nama":"<?php echo $fpilih['nm_menu']; ?>"})
<?php } ?>
var containerMenu = document.getElementById('daftar-menu')
var containerSaya = document.getElementById('menu-saya')
daftarMenu.map(function(menu, index) {
function handleClickAddMenu(e) {
div = document.createElement('div')
menu = daftarMenu[e.target.id].nama
div.innerText = menu
containerSaya.appendChild(div)
}
div = document.createElement('div')
spanMenu = document.createElement('span')
spanMenu.innerText = menu.nama
buttonMenu = document.createElement('button')
buttonMenu.innerText = 'Pilih'
buttonMenu.setAttribute('id', index)
buttonMenu.addEventListener('click', handleClickAddMenu, true)
div.appendChild(spanMenu)
div.appendChild(buttonMenu)
containerMenu.appendChild(div)
})
</script>
</body>
</html>
@codenameJR wah makasih gan.. bisa ternyata..
Mantep, jangan lupa best answernya dipilih gan, biar kalo ada yang nemu problem yang sama bisa tahu.