Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div class="form-group multiple-form-group">
- <button type="button" class="btn btn-add iki" style="background-color: #0000FF; color: white; border-radius: 5px">ADD</button>
- <div class="form-group row">
- <div class="row col-md-12" >
- <div class="col-md-12">
- <div class="row">
- <div class="form-group col">
- <label for="exampleInputEmail1">Produk</label>
- <div class="input-group">
- <select class="form-control" name="id_product[]" required="">
- <option>Pilih</option>
- <?php foreach ($produk->data as $data) { ?>
- <option value="<?php echo $data->id_product ?>"><?php echo $data->product_name ?></option>
- <?php } ?>
- </select>
- </div>
- </div>
- <div class="form-group col">
- <label for="exampleInputEmail1">QTY</label>
- <div class="input-group">
- <input type="text" id="qty-0" name="quantity[]" class="qty form-control calc" />
- </div>
- </div>
- <div class="form-group col">
- <label for="exampleInputEmail1">Mata Uang</label>
- <div class="input-group">
- <select class="form-control" id="matauang"
- name="id_currency2[]" required="">
- <option>Pilih</option>
- <?php foreach ($mata_uang->data as $data) { ?>
- <option value="<?php echo $data->id_currency ?>"><?php echo $data->currency ?></option>
- <?php } ?>
- </select>
- </div>
- </div>
- <div class="form-group col">
- <label for="exampleInputEmail1">Kurs</label>
- <div class="input-group">
- <input type="text" id="kurs-0" name="kurs[]" class="kurs form-control calc">
- </div>
- </div>
- <div class="form-group col">
- <label for="exampleInputEmail1">Harga Jual</label>
- <div class="input-group">
- <input type="text" id="amt-0" name="amount[]" class="amt form-control calc" />
- </div>
- </div>
- <div class="form-group col">
- <label for="exampleInputEmail1">Promo</label>
- <div class="input-group">
- <select class="form-control" name="id_promo2[]" required="">
- <option value="1">promo</option>
- <option value="2">promo2</option>
- </select>
- </div>
- </div>
- <div class="form-group col">
- <label for="exampleInputEmail1">Pajak</label>
- <div class="input-group">
- <select class="form-control" name="id_tax[]" required="">
- <option>Pilih</option>
- <?php foreach ($tax->data as $data) { ?>
- <option value="<?php echo $data->id_tax ?>"><?php echo $data->tax ?></option>
- <?php } ?>
- </select>
- </div>
- </div>
- <div class="form-group col">
- <label for="exampleInputEmail1">Jumlah</label>
- <div class="input-group">
- <input type="text" id="res-0" name="unit_price[]" class="form-control res" />
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <script type="text/javascript">
- var num = 1;
- $('#qty-0').change(function(){
- var total = 1;
- total = $('#qty-0').val() * $('#kurs-0').val() * $('#amt-0').val();
- $('#res-0').val(total);
- });
- $('#kurs-0').change(function(){
- var total = 1;
- total = $('#qty-0').val() * $('#kurs-0').val() * $('#amt-0').val();
- $('#res-0').val(total);
- });
- $('#amt-0').change(function(){
- var total = 1;
- total = $('#qty-0').val() * $('#kurs-0').val() * $('#amt-0').val();
- $('#res-0').val(total);
- });
- // $('.res').change(function(){
- // var total_qty = 0;
- // for(var i = 0; i<num; i++){
- // total_qty = total_qty + $('#res-'+num).val();
- // // $('#totl-0').val(total);
- // console.log(total_qty);
- // }
- // });
- $('#res-0').change(function(){
- console.log(".res berubah");
- var total_qty = 0;
- for(var i = 0; i<num; i++){
- total_qty = total_qty + $('#res-'+num).val();
- // $('#totl-0').val(total);
- console.log(total_qty);
- }
- });
- (function ($) {
- $(function () {
- var addFormGroup = function (event) {
- event.preventDefault();
- console.log("test");
- var $formGroup = $(this).closest('.form-group');
- var $multipleFormGroup = $formGroup.closest('.multiple-form-group');
- var $formGroupClone = $formGroup.clone();
- $(this)
- .toggleClass('btn-default btn-add btn-danger btn-remove')
- .html('–');
- $formGroupClone.find('input').val('');
- if(num>0){
- $formGroupClone.find('.calc').removeClass('calc-'+(num-1));
- }
- $formGroupClone.find('.calc').addClass('calc-'+num);
- $formGroupClone.find('.res').attr('id','res-'+num);
- $formGroupClone.find('.qty').attr('id','qty-'+num);
- $formGroupClone.find('.amt').attr('id','amt-'+num);
- $formGroupClone.find('.kurs').attr('id','kurs-'+num);
- $formGroupClone.insertAfter($formGroup);
- $formGroupClone.find('.calc-'+num).change(function (){
- var total = 1;
- total = $('#qty-'+(num-1)).val() * $('#kurs-'+(num-1)).val() * $('#amt-'+(num-1)).val();
- console.log(num-1);
- console.log(total);
- $formGroupClone.find('#res-'+(num-1)).val(total);
- });
- var $lastFormGroupLast = $multipleFormGroup.find('.form-group:last');
- if ($multipleFormGroup.data('max') <= countFormGroup($multipleFormGroup)) {
- $lastFormGroupLast.find('.btn-add').attr('disabled', true);
- }
- num++;
- };
- var removeFormGroup = function (event) {
- event.preventDefault();
- var $formGroup = $(this).closest('.form-group');
- var $multipleFormGroup = $formGroup.closest('.multiple-form-group');
- var $lastFormGroupLast = $multipleFormGroup.find('.form-group:last');
- if ($multipleFormGroup.data('max') >= countFormGroup($multipleFormGroup)) {
- $lastFormGroupLast.find('.btn-add').attr('disabled', false);
- }
- $formGroup.remove();
- };
- var countFormGroup = function ($form) {
- return $form.find('.form-group').length;
- };
- $(document).on('click', '.btn-add', addFormGroup);
- $(document).on('click', '.btn-remove', removeFormGroup);
- });
- })(jQuery);
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement