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

Membuat slider di sebelah text (bootstrap)

Ditanyakan pada tanggal 11 January 2019 oleh Patar Ebenezer Siahaan

Ini tampilan view dan sudah muncul kategori ketika dropdown kota dipilih

<b>City:</b>
<select id="kota">
    <option value="">Select City</option>
    <?php foreach ($kota as $key):?>
        <option value="<?= $key->kota_id?>"><?= $key->nama_kota?></option>
    <?php endforeach; ?>
</select>

<div id="kategori">

</div>

ini script untuk merubah yang dipilih di dropdown

<script>
  $(document).ready(function(){
    $('#kota').change(function(){
      var kota_id = $('#kota').val();
      if(kota_id != '')
      {
        $.ajax({
          url:"<?php echo base_url();?>c_client_side/perjalanan/ambil_kategori",
          method: "POST",
          data:{kota_id:kota_id},
          success:function(data)
          {
            $('#kategori').html(data);
          }
        });
      }
    });
  });
</script>

Pertanyaannya gimana cara nambahin slider di sebelah kanan tulisan kategori nya ya ?

1 JAWABAN / 0 KOMENTAR

Generic placeholder image
Toni Haryanto menjawab pada tanggal 11 January 2019

Untuk menambahkan elemen ke dalam elemen lain kamu tinggal gunakan saja method .html(). Sedangkan untuk menambahkan elemen setelah elemen yang sudah ada, kamu dapat menggunakan .append(). Misalkan kamu sudah menambahkan html ke dalam elemen #kategori, maka untuk menambahkan elemen lain, kamu bisa buat seperti ini:

success:function(data)
{
    $('#kategori').html(data);
        var slider = "masukin tag slidernya disini";
        $('#kategori').append(slider); // slider akan ditambahkan setelah data dari baris sebelumnya
}