Kamis, 04 Juni 2015

chained select jquery 3 Level


Contoh script pemanfaatan teknik Chained Select menggunakan 3 level select.

<script type="text/javascript">
var htmlobjek;
$(document).ready(function(){
  $("#studi_pertama").change(function(){
    var studi_pertama = $("#studi_pertama").val();
var studi_kedua = $("#studi_kedua").val();
    $.ajax({
        url: "<?php echo base_url(); ?>Session/jur/",
        data: "studi_pertama="+studi_pertama,
        cache: false,
        success: function(msg){
            $("#studi_kedua").html(msg);
        }
    });
  });
$("#studi_kedua").change(function(){
var studi_pertama = $("#studi_pertama").val();
var studi_kedua = $("#studi_kedua").val();
    $.ajax({
        url: "<?php echo base_url(); ?>Session/jur2/",
        data: "studi_kedua="+studi_kedua+"&studi_pertama="+studi_pertama,
        cache: false,
        success: function(msg){
            $("#studi_ketiga").html(msg);
        }
});
  });
});
</script> 

Tidak ada komentar:

Posting Komentar