Unlimited select chain AJAX

This item was filled under [ Code Snippet, Javascript, PHP ]

Berikut adalah script AJAX standar dan simpel untuk mengaplikasikan unlimited select chain, yg artinya bermaksud untuk bisa memilih suatu Form dengan bertingkat, yang biasanya sering kita jumpakan pada form pengisian lokasi.

Berikut dibawah ini adalah contoh tampilan dan juga alamat demo dan script.

Alamat Demo Llive: http://www.nusansifor.com/kasus/unlimit_chain_select.php
Script Source: http://www.nusansifor.com/kasus/unlimit_chain_select.phps

Tentunya Anda sesuaikan real data dengan data yang ada pada kebutuhan Anda.
Semoga membantu :mrgreen:

Rate this topic:
1 Star2 Stars3 Stars4 Stars5 Stars (2 votes, average: 5 out of 5)
Loading ... Loading ...
Popularity: 1,989 views
Tagged with: [ , , , , ]
You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Artikel Sejenis

13 Comments on “Unlimited select chain AJAX”

  • 1 November, 2009, 12:55

    Pak Jawaad,
    Klo saya menggunakan clean url teknik pemaanggilan parameternya bagaimana ya pak

    onChange=\”jin_ajax_req(’?kecamatan=’ + this.value + ”, ‘div_desa’);\”>”;

    sementara url saya adalah http://localhost/app/controller/method.php

    mohon pencerahannya, Terima kasih banyak.

    Salam,
    Vito

    Like or Dislike: Thumb up 1 Thumb down 0
  • 1 November, 2009, 18:55

    Pak Vito,
    Silahkan sesuaikan AJAX url dengan clean url nya.
    menjadi:

    onChange=\”jin_ajax_req(’http://localhost/apikasi_test/ajax_ambil_data/kecamatan/’ + this.value + ”, ‘div_desa’);\”>”;

    lalu di controller mngkin kira2 spt ini gambarannya:

    function ajax_ambil_data($model, $data) {
    	switch($model) {
    		case 'kecamatan':
    			// 
    		break;
    		case 'kabupaten':
    			// 
    		break;
    	}
     
    }

    terimakasih atas komentarnya :mrgreen:

    Like or Dislike: Thumb up 0 Thumb down 0
  • Frey
    3 November, 2009, 14:27

    mas…kalo mw ngambil isi combobox nya dari database gimana dunk ??

    Like or Dislike: Thumb up 0 Thumb down 0
  • 4 November, 2009, 21:42

    @Frey, tergantung databasenya… pakai saja perintah ambil data dari database… seperti biasa pada umumnya..
    kalau blm bisa, coba baca dan pelajari dasar pemanggilan database yg bersangkutan..

    Like or Dislike: Thumb up 0 Thumb down 0
  • 26 December, 2009, 10:50

    Saya mau tanya tentang clean URL tadi, bisa ga diganti variabel? Soalnya pas saya coba pake CI trus saya buat onChange=”jin_ajax_req(\’/barang/findSub/\’ + this.value + \’\', \’div_sgbi\’);”

    tidak jalan

    Like or Dislike: Thumb up 0 Thumb down 0
  • 26 December, 2009, 19:08

    @dudu, udah cek di firebugs apa error nya?
    mungkin dicoba juga dengan “base_url” nya CI udah blm?
    http://codeigniter.com/user_guide/helpers/url_helper.html

    atau coba aja langsung test alamat lengkap URL nya.. jalan gak..
    contoh:

    onChange=\”jin_ajax_req(’http://localhost/barang/findSub/’ + this.value + ”, ‘div_sgbi’);\”>”;

    jangan lupa div dengan id “div_sgbi” nya.

    Like or Dislike: Thumb up 0 Thumb down 0
  • Adi Suwarso
    29 December, 2009, 18:51

    mas Jawaad terima kasih lagi untuk script yang satu ini, saya sedang coba terapkan script ini di intranet saya, scriptnya kira-kira jadi seperti dibawah ini:

      if(isset($_GET['departmentcode'])) {
        echo "";
        $positionlist=mysql_query("SELECT * FROM table_position WHERE department_code='$departmentcode'");
        while($data=mysql_fetch_array($positionlist)){
          echo "$data[position_name]";
        }
        echo "";
        exit();
      }
      $departmentlist=mysql_query("SELECT * FROM department");
      echo "   Department : ";
      echo "";
      while($data=mysql_fetch_array($departmentlist)){
        echo "$data[dept_name]";
      }
      echo "";
      echo "";

    tapi kenapa kok tampilan web saya jadi berantakan, apa penyebabnya CSS ya?

    Like or Dislike: Thumb up 0 Thumb down 0
  • 29 December, 2009, 21:43

    iya mas Adi… kalau display kemungkinan besar CSS dan HTML nya, kalau di contoh yg saya bikin div nya pake class inline, dan saya kasih di CSS nya inline (display: inline), supaya gak kebawah, tetep disamping kanan muncul div nya…
    ya tergantung kebutuhan jg seh, kalau pengen nya dibawahnya, ya tinggal diubah aja kasih br atau tabel atau gimana aja bebas mas :mrgreen:

    Like or Dislike: Thumb up 0 Thumb down 0
  • Adi Suwarso
    30 December, 2009, 17:24

    sekalian sharing aja ya mas :)
    akhirnya saya ketemu metoda seperti ini (maaf panjang) :

     
     
    function ShowDiv(selectbox){
      var opts=selectbox.options;
      for(i=1; i<opts.length; i++){
        document.getElementById(opts[i].value).style.display=opts[i].selected ? "inline" : "none";
      }
    }
     
     
     
    <?php
      //write dropdown for department
      echo "&nbsp;&nbsp;&nbsp;Department: ";
      $departmentlist=mysql_query("SELECT * FROM department");
      echo "Select Department";
      while($data=mysql_fetch_array($departmentlist)){
        echo "$data[dept_name]";
      }
      echo "";
      //prepare dropdown for position in all department
      $departmentlist=mysql_query("SELECT * FROM department");
      while($data=mysql_fetch_array($departmentlist)){
        $positionlist=mysql_query("SELECT * FROM table_position WHERE dept_code='$data[dept_code]' ORDER BY dept_code,pos_name ASC");
        $totpos=mysql_num_rows($positionlist);
        if($totpos<1) echo "";
        else{
          echo "";
          echo "&nbsp;&nbsp;&nbsp;Position:&nbsp;";
          echo "";
          while($position=mysql_fetch_array($positionlist)){
            echo "$position[pos_code]. $position[pos_name]";
          }
          echo "";
          echo "";
        }
      }
    ?>

    hasilnya jalan seperti yang saya inginkan, tapi anehnya data yang di POST tidak sesuai, setelah saya pilih position di 2 yang ke postnya selalu yang terakhir (21).

    kira-kira dimana masalahnya ya?
    maaf ngerepotin :) :(

    Like or Dislike: Thumb up 0 Thumb down 0
  • Adi Suwarso
    30 December, 2009, 17:31

    duh,,, codenya banyak yang kepotong-potong…

    Like or Dislike: Thumb up 0 Thumb down 0
  • 30 December, 2009, 23:32

    Mas Adi, untuk menjawab permasalahan yg diatas memang agak kurang jelas, dan blm cukup lengkap script nya,.. ada baiknya supaya tidak rancu dlm pembahasan, bagaimana kalau dibahas di ruang forum, disana bebas bisa lebih panjang tulisan dan untuk bahasa code mudah, dengan tanda:

     [code=php]
    // kode
    [/code]

    bisa dibahas disini http://www.nusansifor.com/forum
    nanti kita bahas disana sama2 cari solusi nya…
    terimakasih atas masukan dan komentarnya.

    Like or Dislike: Thumb up 0 Thumb down 0
  • Adi Suwarso
    2 January, 2010, 11:07

    ok mas,,, sorry & makasih,,, saya register di forum ;)

    Like or Dislike: Thumb up 0 Thumb down 0
  • ndoel
    23 July, 2010, 10:05

    Kalo untuk form editnya gimana ya bos?, saya udah implementasikan hal ini untuk bikin form data kecamatan dan desa. Semua udah bisa (untuk input data). Lalu saya ingin membuat form editing datanya.

    Nah permasalahannya adalah : di form editing datanya itu langsung nampil 2 select (select kecamatan dan desa), dengan kondisi “selected”nya pada nama kecamatan dan nama desa yang sudah diinput sebelumnya. Kalo si user mo ubah datanya baru deh select desa tidak ter- selected.

    Kasus itu saya masih bingung bos. Tolong pencerahannya ya, makasih.

    Like or Dislike: Thumb up 0 Thumb down 0

Leave a Comment

Halaman ini di eksekusi dalam waktu 1.43 detik! (koneksi mayan bagus nih...)