» » » Membuat Select Pada CI - CodeIgniter
, Edit

Membuat Select Pada CI - CodeIgniter

Cara Membuat Select Seperti Gambar Diatas dengan CodeIgniter:


<html>
<head>
<title>Select berhubungan dengan php dan ajax</title>
<link href="&lt;?php echo base_url().'assets/css/bootstrap.css'?&gt;" rel="stylesheet" type="text/css"></link>
</head>
<body>
<br />
<div class="col-md-6 col-md-offset-3">
<div class="thumbnail">
<h4>
<center>
Membuat Select berhubungan dengan codeigiter</center>
</h4>
<hr />
<form class="form-horizontal">
<div class="form-group">
                <label class="control-label col-md-3">Kategori</label>
                <div class="col-md-8">
                    <select class="form-control" id="kategori" name="kategori">
                    <option value="0">-PILIH-</option>
                    result() as $row):?&gt;
                    <option value="&lt;?php echo $row-&gt;kategori_id;?&gt;">kategori_nama;?&gt;</option>
                   
                    </select>
                </div>
</div>
<div class="form-group">
                <label class="control-label col-md-3">Sub Kategori</label>
                <div class="col-md-8">
                    <select class="subkategori form-control" name="subkategori">
                    <option value="0">-PILIH-</option>
                    </select>
                </div>
<div id="subkategori">
            </div>
</div>
</form>
<hr />
<div style="text-align: center;">
Powered by <a href="https://www.blogger.com/blogger.g?blogID=5905584750686475048">halloguru.com</a></div>
</div>
</div>
<script src="&lt;?php echo base_url().'assets/js/jquery-2.2.3.min.js'?&gt;" type="text/javascript"></script>
<script src="&lt;?php echo base_url().'assets/js/bootstrap.js'?&gt;" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#kategori').change(function(){
var id=$(this).val();
$.ajax({
url : "<?php echo base_url();?>index.php/kategori/get_subkategori",
method : "POST",
data : {id: id},
async : false,
        dataType : 'json',
success: function(data){
var html = '';
            var i;
            for(i=0; i<data.length; i++){
                html += '<option>'+data[i].subkategori_nama+'</option>';
            }
            $('.subkategori').html(html);

}
});
});
});
</script>
</body>
</html>
Share on Facebook
Share on Twitter
Share on Google+
Share on LinkedIn

Subscribe to receive free email updates:

0 Response to "Membuat Select Pada CI - CodeIgniter"

Post a Comment

Subscribe to: Post Comments (Atom)