Skip to main content

combobox dinamis

December 25, 2009 by cah_ajus

cah_ajus's picture

aLLow CI mania semua...!!
sebelumnya saia ucapkan selamat Natal bagi yg merayakan dan selamat tahun baru bwt semua....,^_^

aq pngen nanya ne ttg combobox dinamis...
misalnya aq punya combobox pertama dengan nama "role" yg isinya:
asdos
dosen
laboran
admin

nah ketika aq milih role asdos atau dosen, maka akan muncul combobox kedua dengan nama "praktikum" yg isinya:
praktikum A
praktikum B
praktikum C

nah kalau yg dipilih selain asdos dan dosen, maka combobox kedua tidak muncul....

itu gmana bwtnya ya???tlong dong para master......
aq udh googlink, trus dpet link berikut.
http://ucid.wordpress.com/2009/03/27/ajax_codeigniter/
http://www.bengkelprogram.com/data-artikel-909.0.bps

tapi satupun tdk ad yg bisa aq terapin.....
Mohon pencerahannya.......

Comments

Comment viewing options

Select your preferred way to display the comments and click "Save settings" to activate your changes.

BLS:

January 8, 2010 by syabac, 1 year 30 weeks ago
Comment: 5800

syabac's picture

kira2 bisa begini, edit2 lagi: (pake jQuery)

<select name="role" id="role">
    <option value="asdos">Asdos</option>
    <option value="dosen">Dosen</option>
    <option value="laboran">Laboran</option>
    <option value="admin">Admin</option>
</select>
<span id="prak-form"></span>
 
<script type="text/javascript">
$(function(){
    $('#role').change(function(){
        var prak = $('#prak-form');
         if(this.value == 'asdos'){
            $.get('form/get_praktikum', function(data){
                    if(data.length != 0){
                        var i;
                        var text = '<select name="praktikum">';
                        for(i=0; i < data.length; i++){
                            text += '<option value="'+data[i]+'">'+data[i]+'<\/option>';
                        }
                        text += '<\/select>';
                    }else{
                        prak.text('Praktikum Kosong');
                    }
                },
                'json'
            );
         }
    });
});
</script>
 
//Form Controller
function get_praktikum()
{
    //query bla bla bla..
    //cetak berupa javascript array literal,
    //misal
    echo '["Praktikum A", "Praktikum B", "Praktikum C"]';
}

semoga membantu..

terima kasih

January 8, 2010 by cah_ajus, 1 year 30 weeks ago
Comment: 5803

cah_ajus's picture

terima kasih.....^_^

Coba pake xajax... Contohnya

January 7, 2010 by predhtz, 1 year 30 weeks ago
Comment: 5798

predhtz's picture

tengkyu

January 8, 2010 by cah_ajus, 1 year 30 weeks ago
Comment: 5802

cah_ajus's picture

tengkyu2....^_^

Premium Drupal Themes by Adaptivethemes