Combo Box (Option)

Ditanyakan pada tanggal 8 November 2019 oleh Denna Dwi Cahyanto

apakah ada contoh untuk combo box dalam combo box ? misalkan saya select opsi pertama provinsi DKI Jakarta, lalu opsi kedua akan muncul nama" kota di jakarta.

Terima Kasih

Comment ..

kalau tanpa database mas ? jadi hanya main di html nya saja

Dikomentari pada tanggal 9 November 2019 oleh Denna Dwi Cahyanto
BUAT KOMENTAR

2 JAWABAN / 1 KOMENTAR

Generic placeholder image
Muchamad syariful umam menjawab pada tanggal 9 November 2019

mungkin ini bisa jadi referensi link

BUAT KOMENTAR
Generic placeholder image
Ahmad Oriza Sahputra menjawab 5 hari yang lalu

Bisa dengan cara menggunakan Javascript mas. Salah satunya dengan Jquery. Kalau murni HTML saja tidak bisa dinamis.

Saya coba contohkan tanpa database ya. Scriptnya seperti ini :

Bikin file baru dengan nama DemoSelectDinamis.html lalu coba script ini :

<form action="something.php" method="post">

<div>
<label>Pilih provinsi :</label>
<select id="province" name="province">
  <option value="DKI Jakarta">DKI Jakarta</option>
  <option value="Jawa Barat">Jawa Barat</option>
</select>
</div>

<div>
<label>Pilih kota :</label>
<select id="city" name="city">
    <option value="">Pilih ..</option>
</select>
</div>

</form>

<script
src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous"></script>

<script>
$(document).ready(function(){
    $('#province').change(function() {
        let province = $(this).val();

        $('#city').html('');

        if (province == 'Jawa Barat') {
            $('#city').append(`<option value="Bandung">Bandung</option>`);
            $('#city').append(`<option value="Garut">Garut</option>`); 
        } else if (province == 'DKI Jakarta') {
            $('#city').append(`<option value="Jakarta Utara">Jakarta Utara</option>`);   
            $('#city').append(`<option value="Jakarta Barat">Jakarta Barat</option>`);  
        }
    });
});
</script>

Selamat mencoba!

BUAT KOMENTAR