Scribd Logo
Unggah

Selamat datang di Scribd!

  • Combobox Gagal

    Diunggah oleh

    Loko
    15 tayangan2 halaman
    Dokumen ini membahas tentang membuat combobox bertingkat menggunakan ajax untuk menampilkan data merk dan tipe kendaraan berdasarkan pilihan kendaraan. Kode menggunakan PHP dan jQuery untuk mengambil dan menampilkan data dari database melalui ajax ketika user memilih opsi kendaraan, merk, atau tipe.

    Deskripsi Asli:

    php

    Judul Asli

    combobox gagal

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    TXT, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    Dokumen ini membahas tentang membuat combobox bertingkat menggunakan ajax untuk menampilkan data merk dan tipe kendaraan berdasarkan pilihan kendaraan. Kode menggunakan PHP dan jQuery untuk mengambil dan menampilkan data dari database melalui ajax ketika user memilih opsi kendaraan, merk, atau tipe.

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai TXT, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    15 tayangan2 halaman

    Combobox Gagal

    Diunggah oleh

    Loko
    Dokumen ini membahas tentang membuat combobox bertingkat menggunakan ajax untuk menampilkan data merk dan tipe kendaraan berdasarkan pilihan kendaraan. Kode menggunakan PHP dan jQuery untuk mengambil dan menampilkan data dari database melalui ajax ketika user memilih opsi kendaraan, merk, atau tipe.

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai TXT, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 2

    <!

    DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- bootstrap -->
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <!-- query -->
    <script src="js/jquery-3.4.1.js"></script>
    <title>Combobox Bertingkat</title>
    </head>
    <body style="font-family: poppins;">
    <nav class="navbar navbar-dark bg-primary fixed top">
    <div class="container">
    <a class="navbar-brand" href="index.php" style="color: #fff;">
    RPL SMK NEGRI 2 TRENGGALEK
    </a>
    </div>
    </nav>

    <div class="container mb-5">


    <h2 style="margin:20px 10px 10px 10px;">Combobox Bertingkat Data
    Kendaraan</h2><hr>
    <div class="row">
    <div class="col-sm-6">
    <div class="form-group">
    <label for="sel1">Pilih Kendaraan</label>
    <select class="form-control" name="kendaraan" id="kendaraan">
    <?php
    include "koneksi.php";

    //Perintah sql untuk menampilkan semua data pada tabel


    kendaraan
    $sql="SELECT * from kendaraan";
    $hasil=mysqli_query($kon,$sql);
    while ($data = mysqli_fetch_array($hasil)) {
    ?>
    <option value="<?php echo $data['id_kendaraan'];?>"><?php
    echo $data['nama_kendaraan'];?></option>
    <?php
    }
    ?>
    </select>
    </div>
    <div class="form-group">
    <label for="sel1">Pilih Merk</label>
    <select class="form-control" name="merk" id="merk">
    <!-- merk motor akan diload menggunakan ajax, dan
    ditampilkan disini -->
    </select>
    </div>
    <div class="form-froup">
    <label for="sel1">Tipe</label>
    <select class="form-control" name="tipe" id="tipe">
    <!-- tipe motor akan diload menggunakan ajax, dan
    ditampilkan disini -->
    </select>
    </div>
    </div>
    </div>
    </div>
    <script>
    $("#kendaraan").change(function(){
    // variabel dari nilai combobox kendaraan
    var id_kendaraan = $("#kendaraan").val();

    // menggunakan ajax untuk mengirim dan menerima data dari server


    $.ajax({
    type: "POST",
    dataType: "html",
    url: "ambil-data.php",
    data: "kendaraan="+id_kendaraan,
    success: function(data){
    $("#merk").html(data);
    }
    });
    });

    $("#merk").change(function(){
    // variabel dari nilai combobox merk
    var id_merk = $("#merk").val();

    // menggunakan ajax untuk mengirim dan menerima data dari server


    $.ajax({
    type: "POST",
    dataType: "html",
    url: "ambil-data.php",
    data: "merk="+id_merk,
    success: function(data){
    $("#tipe").html(data);
    }
    });
    });
    </script>

    <div class="navbar bg-dark fixed-bottom">


    <div class="container text-center" style="color: #fff;">
    &copy <?php echo date('Y');?> Copyright: <a href="#">Achmad Syarifudin</a>
    </div>
    </div>
    </body>
    </html>

    Anda mungkin juga menyukai