Kelas baru ReactJS, dapatkan potongan harga 10% hingga 8 Juli 2019. Lihat Kelas
Generic placeholder image

Dropdown menu untuk menampilkan kategori slider

Ditanyakan pada tanggal 9 January 2019 oleh Patar Ebenezer Siahaan

https://ibb.co/G5h8Nsd

saya bingung gimana caranya mau nampilin data lewat dropdown, jadi begitu dipilih salah satu dropdown nya bisa nampilan data yang lain..

<select id="kota">
            <?php foreach ($kota as $key => $value):?>
              <option value="<?= $value['nama_kota']?>"><?= $value['nama_kota']?></option>
            <?php endforeach; ?>
</select>

Ketika saya pilih sebuah kota saya pengen tampilkan kategorinya. ini codenya

<?php foreach ($kota as $key) :?>
            <div class="horizontally-stacked-slider">
            <!-- Jika kota toronto/osaka yang terpilih maka tampilkan nama kategori nya -->
                <div class="title"><?=$key['nama_kategori']?>
                </div>
                <input type="range" value="50">
            </div>
<?php endforeach;?>

2 JAWABAN / 1 KOMENTAR

Generic placeholder image
Muhammad Alif menjawab pada tanggal 9 January 2019

bisa dilihat dimodul membangun sistem informasi sekolah dikurikulum detail bagian 4, casenya sama seperti yang ditanyakan

Generic placeholder image
Toni Haryanto menjawab pada tanggal 9 January 2019

Kamu bisa menggunakan query string untuk mengirimkan data kota terpilih. URL diredirect ke url dengan tambahan query string kota saat form select dipilih menggunakan javascript

<script>
    $(function(){
        $('#kota').on('change', function(){
            window.location.href = '<?= current_url(); ?>?kota=' + $(this).val();
        });
  });
</script>