form input dinamis

<form method="post" action="<?=site_url('ppb/process')?>">
    <div class="row">
        <div class="col-lg-4">
            <div class="box box-widget">
                <div class="box-body">
                    <table width="100%">
                        <tr>
                            <td style="vertical-align:top">
                                <label for="date">No. PPB*</label>
                            </td>
                            <td>
                                <div class="form-group">
                                    <input id="idf" value="1" type="hidden" />
                                    <input type="text" name="noppb" id="nama" value ="<?=$row->ppb_id ?? $newKode?>" readonly class="form-control" autocomplete="off" required>
                                 </div>
                            </td>
                        </tr>
                        <tr>
                            <td style="vertical-align:top; width:30%">
                                <label for="user">Diajukan tgl.*</label>
                             </td>
                            <td>
                                <div class="form-group">
                                    <input type="date" id="date" name="tgl" value="<?=date('Y-m-d')?>" class="form-control">
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td style="vertical-align:top; width:30%">
                                <label for="user">Jenis Bahan*</label>
                            </td>
                            <td>
                                <div class="form-group">
                                    <select name="jenis" id="nama" class="form-control" autofocus required>
                                        <option value=""> - Pilih - </option>
                                        <option value="Bahan Produksi"> Bahan Produksi </option>
                                        <option value="Bahan Pendukung"> Bahan Pendukung </option>
                                        <option value="Bahan Sampel"> Bahan Sampel </option>
                                        <option value="Lain - lain"> Lain - lain </option>
                                    </select>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td style="vertical-align:top">
                                <label for="customer"> Keperluan*</label>
                            </td>
                            <td>
                                <div class="form-group">
                                    <input type="text" name="keperluan" id="nama" value ="" class="form-control" autocomplete="off" autofocus required>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <div class="box box-widget">
                <div class="box-body table-responsive">
                    <table id="" class="table table-bordered tabel-striped">
                        <thead>
                            <tr>
                                <th>Deskripsi</th>
                                <th>QTY</th>
                                <th>Satuan</th>
                                <th>Harga @</th>
                                <th>Total Bayar</th>
                                <th>Pembayaran</th>
                                <th>Supplier</th>
                                <th>Rekening</th>
                                <?php if($this->fungsi->user_login()->level == 1 ) { ?>
                                <th>*</th>
                                <?php } ?>
                            </tr>
                        </thead>
                        <tbody>
                        <script language="javascript">
                            function tambahHobi() {
                                    var idf = document.getElementById("idf").value;
                                    var stre;
                                    <?php
                                    $koneksi = mysqli_connect("localhost","root","","posijb");
                                    $ambildata = mysqli_query($koneksi, "SELECT * FROM customer");  //ambil data dari tabel kategori
                                    while($a=mysqli_fetch_array($ambildata)) ?>

                                    stre="<input id='srow" + idf + "' type='text' size='40' class='form-control' name='deskripsi[]' /><p></p>";
                                    stre1="<input id='srow" + idf + "' type='text' size='10' class='form-control' name='qty[]' /><p></p>";
                                    stre2="<select id='srow" + idf + "' class='form-control' name='satuan[]' autofocus required> <option value=''> - Pilih - </option> <option value='Kg'> Kg </option> <option value='Pcs'> Pcs </option> <option value='Rim'> Rim </option> <option value='Lembar'> Lembar </option> <option value='Buku'> Buku </option> </select><p></p>";
                                    stre3="<input id='srow" + idf + "' type='text' size='7' class='form-control' name='harga[]' /><p></p>";
                                    stre4="<input id='srow" + idf + "' type='text' class='form-control' name='bayar[]' /><p></p>";
                                    stre5="<select id='srow" + idf + "' class='form-control' name='pembayaran[]' autofocus required> <option value=''> - Pilih - </option> <option value='Cash'> Cash </option> <option value='Tempo 1 Mggu'> Tempo 1 Mggu </option> <option value='Tempo 2 Mggu'> Tempo 2 Mggu </option> <option value='Tempo 3 Mggu'> Tempo 3 Mggu </option> <option value='Tempo 1 Bln'> Tempo 1 Bln </option> </select><p></p>";
                                    stre6="<input id='srow" + idf + "' type='text' class='form-control' name='supplier_id[]' placeholder='Supplier' /><p></p>";
                                    stre7="<input id='srow" + idf + "' type='text' size='30' class='form-control' name='rekening[]' placeholder='Rekening' /><p></p>";
                                    stre8="<button class='btn btn-danger' id='srow" + idf + "' onclick='hapusElemen(\"#srow" + idf + "\"); return false;'>X</button></p>";

                                    $("#divHobi").append(stre);
                                    $("#divHobi1").append(stre1);
                                    $("#divHobi2").append(stre2);
                                    $("#divHobi3").append(stre3);
                                    $("#divHobi4").append(stre4);
                                    $("#divHobi5").append(stre5);
                                    $("#divHobi6").append(stre6);
                                    $("#divHobi7").append(stre7);
                                    $("#divHobi8").append(stre8);
                                    idf = (idf-1) + 2;
                                    document.getElementById("idf").value = idf;
                                }
                            function hapusElemen(idf) {
                                    $(idf).remove();
                                    $(idf).remove();
                                    $(idf).remove();
                                    $(idf).remove();
                                    $(idf).remove();
                                    $(idf).remove();
                                    $(idf).remove();
                                    $(idf).remove();
                                    $(idf).remove();
                                }
                        </script>
                            <tr>
                                <td id="divHobi"></td>
                                <td id="divHobi1"></td>
                                <td id="divHobi2"></td>
                                <td id="divHobi3"></td>
                                <td id="divHobi4"></td>
                                <td id="divHobi5"></td>
                                <td id="divHobi6"></td>
                                <td id="divHobi7"></td>
                                <td id="divHobi8"></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
        <button type="button" onclick="tambahHobi(); return false;" class="btn btn-primary">+ Rincian </button>
        <button type="submit" class="btn btn-success pull-right" >Simpan</button>
    </form>