Dropdown Dinamik (Dynamic Dropdown) atau Select

Artikel kali ini akan menceritakan bagaimana mahu menggunakan kod yang telah saya bina ini untuk kegunaan kalian. Mula-mula sekali muat turun fail ini.

Untuk mencuba fail tadi, kalian memerlukan apache, php dan juga mysql.

Bagaimana mahu menggunakan skrip ini?

1. Perlu memuatkan skrip jQuery versi 1.3.2 (sudah dibekalkan di dalam fail zip).

<script type="text/javascript" src="javascript/jquery-1.3.2.js"></script>

2. Perlu memuatkan skrip dynamicSelect (sudah dibekalkan di dalam fail zip).

<script type="text/javascript" src="javascript/jquery.dynamicSelect-1.2.0.js"></script>

3. Memanggil fungsi dynamicSelect.

<script type="text/javascript">
    $(document).ready(function() {
        $("#state").dynamicSelect({
          url:'district.php', //url ke halaman yang menjana JSON
          target:'district', //id dinamik dropdown
          msg:'Sedang Memproses', // secara auto ia akan memaparkan Loading... jika di setkan ia akan memaparkan mesej yang disetkan.
        })
      });
    </script>

Syarat menggunakan skrip ini ialah, sentiasa menggunakan $_GET[‘select_id’] untuk menerima parameter.

Yang kedua, format JSON haruslah seperti ini.

[{"id":"1","description":"BATU PAHAT"},
{"id":"2","description":"JOHOR BAHRU"}]

Selamat mencuba!

7 Replies to “Dropdown Dinamik (Dynamic Dropdown) atau Select”

  1. mcm mana kalau nak post data yg telah dipilih?
    kalau tambah “name” result post == null.

    $district=$_POST[“district_name”];?

  2. mmg dah buat mcm tu or ada apa2 yg kena tambah ?

    Update Select

    Sila Pilih
    Johor
    Perak

    <?php
    if(isset($_POST["submit_name"]))
    {
    $state=$_POST["state_name"];
    $district=$_POST["district_name"];
    $sql="INSERT INTO selected(state, district) VALUES('$state','$discrict')";
    echo "$state $district”;
    }
    ?>

Leave a Reply

Your email address will not be published. Required fields are marked *