tanya js

<!-- jQuery -->
<script src="<?php echo base_url('assets/js/jquery.min.js')?>"></script>


<!-- Bootstrap Core JavaScript -->
<script src="<?php echo base_url('assets/js/bootstrap.min.js')?>"></script>
<!-- Metis Menu Plugin JavaScript -->
<script src="<?php echo base_url('assets/js/metisMenu.min.js')?>"></script>

<!-- Morris Charts JavaScript -->
<script src="<?php echo base_url('assets/js/raphael.min.js')?>"></script>
<script src="<?php echo base_url('assets/js/morris.min.js')?>"></script>
<script src="<?php echo base_url('assets/js/morris-data.js')?>"></script>

<!-- Custom Theme JavaScript -->
<script src="<?php echo base_url('assets/js/sb-admin-2.js')?>"></script>

<!-- DataTables JavaScript -->
<script src="<?php echo base_url('assets/js/jquery.dataTables.min.js')?>"></script>
<script src="<?php echo base_url('assets/js/dataTables.bootstrap.min.js')?>"></script>
<script src="<?php echo base_url('assets/js/dataTables.responsive.js')?>"></script>

<!-- Page-Level Demo Scripts - Tables - Use for reference -->
<script>
    $(document).ready(function() {
        $('#dataTables-example').DataTable({
            responsive: true
        });
    });

    $(function(){
            // var opsi = $("#opsi").find(":selected").val();
            $("#opsi").change(function(){
                $("#inputan").remove();
                var opsi = $("#opsi").val();

                if (opsi==1) {
                    $("#inputan2,#inputan3,#inputan4,#inputan5").remove();
                    $("#textfield").append('<div id="inputan'+opsi+'"><input style="margin-bottom: 10px;" type="text" name="" class="form-control" placeholder="Serial number" id="inputan"><input style="margin-bottom: 10px;" type="text" name="" class="form-control" placeholder="Brand ,ex : mikrotik,cisco,tp-link,etc" id="inputan"><input style="margin-bottom: 10px;" type="text" name="" class="form-control" placeholder="Model router" ></div>'
                        );
                } else if (opsi==2) {
                    $("#inputan1,#inputan3,#inputan4,#inputan5").remove();
                    $("#textfield").append('<div id="inputan'+opsi+'"><input style="margin-bottom: 10px;" type="text" name="" class="form-control" placeholder="Serial number" id="inputan"><input style="margin-bottom: 10px;" type="text" name="" class="form-control" placeholder="Type ,ex : Mifi,Usb,Home router" id="inputan"></div>');
                }else if (opsi==3) {
                    $("#inputan2,#inputan1,#inputan4,#inputan5").remove();
                    $("#textfield").append('<div id="inputan'+opsi+'"><input style="margin-bottom: 10px;" type="text" name="" class="form-control" placeholder="Serial number" id="inputan"><input style="margin-bottom: 10px;" type="text" name="" class="form-control" placeholder="Brand ,ex : Asus,Acer,HP,Lenovo,Zyrex" id="inputan"></div>');
                }else if (opsi==4) {
                    $("#inputan2,#inputan3,#inputan1,#inputan5").remove();
                    $("#textfield").append('<div id="inputan'+opsi+'"><input style="margin-bottom: 10px;" type="text" name="" class="form-control" placeholder="Type ,ex : Converter,Mouse,Keyboard,etc" id="inputan"><input style="margin-bottom: 10px;" type="text" name="" class="form-control" placeholder="Brand : Logitech,Net-link,etc" id="inputan"></div>');
                }else if (opsi==5) {
                    $("#inputan2,#inputan3,#inputan4,#inputan1").remove();
                    $("#textfield").append('<div id="inputan'+opsi+'"><input style="margin-bottom: 10px;" type="text" name="" class="form-control" placeholder="Serial number" id="inputan"><input style="margin-bottom: 10px;" type="text" name="" class="form-control" placeholder="Type ,ex : Li-ion,Li-po" id="inputan"><input style="margin-bottom: 10px;" type="text" name="" class="form-control" placeholder="Allocated laptop : ex : acer,asus,hp,lenovo " id="inputan"></div>');
                }
            });
        });


    </script>