Saya ingin menambahkan bidang formulir dinamis dalam database menggunakan PHP. Saya telah menggunakan sudut untuk menambahkan bidang formulir dinamis. Masalahnya adalah ketika saya mencoba memasukkan data ini ke dalam database, hanya bidang formulir terakhir yang dimasukkan ke dalam database. JADI, saya menggunakan array dan loop untuk menambah dan memperbarui bidang formulir ini ke dalam database. tetapi entah bagaimana kueri tidak berfungsi dengan baik dan data juga tidak dimasukkan ke dalam database. dapatkah Anda memberi tahu saya apa yang salah di sini? Aku terjebak. Tolong bantu. Thanx sebelumnya.

Ini kode saya:

    <form method="post">
    <div class="form-group " >
        <input type="text" placeholder="Campaign Name" class="form-control c-square c-theme input-lg" name="camp_name"> </div>
        <div class="row col-md-12">
            <div class="form-group col-md-6">Start Date
                <input type="date" placeholder="start date" class="form-control c-square c-theme input-lg" name="start_date">
            </div>
            <div class="form-group col-md-6">End Date
                <input type="date" placeholder="end date" class="form-control c-square c-theme input-lg" name="end_date"> </div>
            </div>

        <div class="row col-md-12">
            <div class="form-group">
                <label for="inputPassword3" class="col-md-8 control-label">Select Store</label>
                <div class="col-md-6 c-margin-b-20">
                    <select class="form-control  c-square c-border-2px c-theme" multiple="multiple"  name="store">
                        <option value="1">All Stores</option>
                        <option value="2">Phoenix Mall</option>
                        <option value="3">1MG Mall</option>
                        <option value="4">Orion Mall</option>

                    </select>
                </div>
            </div>
            </div>

            <div class="row col-md-12" ng-app="angularjs-starter" ng-controller="MainCtrl">
                <fieldset  data-ng-repeat="choice in choices">
                    <label for="inputPassword3" class="col-md-1 control-label">Elements</label>
                    <div class="form-group col-md-3 ">
                        <input type="text" placeholder="Campaign Name" ng-model="choice.name" class="form-control c-square c-theme input-lg" name="ele"> 
                    </div>
                    <label for="inputPassword3" class="col-md-1 control-label">Quantity</label>
                    <div class="form-group col-md-3" >
                        <select class="form-control  c-square c-border-2px c-theme"  name="store">
                            <option value="1">All Stores</option>
                            <option value="2">Phoenix Mall</option>
                            <option value="3">1MG Mall</option>
                            <option value="4">Orion Mall</option>

                        </select>
                    </div>

                    <button  class="btn c-theme-btn c-btn-uppercase btn-lg c-btn-bold c-btn-square" ng-click="addNewChoice()" >add</button>
                    <button   ng-show="$last" ng-click="removeChoice()" class="btn c-theme-btn c-btn-uppercase btn-lg c-btn-bold c-btn-square" >Remove</button>
                    </fieldset>  
            </div>   
        </div>
    </div>
    <div class="form-group">
        <input type="text" placeholder="Description" class="form-control c-square c-theme input-lg" name="description">
    </div>
    <input class="btn c-theme-btn c-btn-uppercase btn-lg c-btn-bold c-btn-square" value="Submit" type="submit">

</form>



// angular script

<script type="text/javascript">
var app = angular.module('angularjs-starter', []);

app.controller('MainCtrl', function($scope) {

$scope.choices = [{id: 'choice1'}, {id: 'choice2'}];

$scope.addNewChoice = function() {
    var newItemNo = $scope.choices.length+1;
    $scope.choices.push({'id':'choice'+newItemNo});
};

$scope.removeChoice = function() {
    var lastItem = $scope.choices.length-1;
    $scope.choices.splice(lastItem);
};

});
</script>
-1
user8380237 18 Agustus 2017, 15:47

2 jawaban

Jawaban Terbaik

Yang dapat Anda lakukan hanyalah mengambil tipe input dan memasukkan tipenya = "tombol". Itu tidak akan menyegarkan halaman Anda. Anda tidak menentukan jenis apa pun karena itu mengambil type="kirim" dan seluruh halaman dimuat ulang. Jadi hindari ini.

0
user7939485 21 Agustus 2017, 10:33

Coba ini :

<button type="button" class="btn c-theme-btn c-btn-uppercase btn-lg c-btn-bold 
c-btn-square" ng-click="addNewChoice()"> add</button>

Anda harus selalu menentukan jenis tombol, jika tidak, itu akan mengirimkan secara default dan itulah mengapa menyegarkan halaman.

Semoga ini membantu

0
user5040242user5040242 21 Agustus 2017, 10:26