Duyuruyu Kapat
Facebook Gözat
Twitter Gözat

Form reset çalışmıyor

Konu, 'PHP' kısmında digrev tarafından paylaşıldı.

  1. digrev

    digrev Üye

    Kayıt:
    7 Şubat 2012
    Mesajlar:
    145
    Beğenilen Mesajlar:
    0
    arkadaşlar bi tablom var içinde bir text ve buton var .Tablonnun dışına bir buton ekledim tıkladıkça tekrar bir row ve içine tex ve button ekliyor .Yapmak istediğim şu ajaxla texlerin içindekiileri alıp kayıt yapıcam ve ajax cevabı başarılı olursa dinamik oluşan bu elemanlar silincek bunu için de reset kullanıyorum bu şeklide

    $('#addName')[0].reset();

    ama bir türlü bu dinamik eklenen elemanlar silinmiyor.copy paste yapabilesiniz diye bütün kodu ekliyorum veritabanı zaten yok Bi bakarmınız bu eklediğim textler butonlar neden silinmiyor


    Kod:
    <!DOCTYPE html>
    <html>
    <head>
        <title></title>
        <script
        src="https://code.jquery.com/jquery-3.3.1.min.js"
        integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
        crossorigin="anonymous"></script>
    
    
        <!-- Latest compiled and minified CSS -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    
        <!-- Optional theme -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
    
        <!-- Latest compiled and minified JavaScript -->
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
    </head>
    <body>
    <form name="addName" id="addName" >
    
    <table id="dyn">
    <tr>
    <td><input type="text" name="name[]" placeholder="Enter your Name" class="form-control name_list" /></td> 
                                             <td><button type="button" name="add" id="add" class="btn btn-success">Add More</button></td> 
                                 
    
    </tr>
    
    
    </table>
    <button type="button" id="submit">ffff</button>
    </form>
    
    
    </body>
    </html>
    
    <script>
    $(function(){
    
       
        var i=1;
    $('#add').click(function(){
        i++;
    
        $('#dyn').append('<tr id="row'+i+'"><td><input type="text" name="name[]"></td><td><button type="button" id="'+i+'" class="btn btn-danger remove">x</button></td></tr>');
         
    });
    $(document).on('click','.remove',function(){
        var id=$(this).attr("id");
        $(this).closest('tr').remove();
    })
    $(document).on('click','#submit',function(){
        $.ajax({
            url:"add.php",
            method:"post",
            data:$('#addName').serialize(),
            success:function(data){
            alert(data);
            $('#addName')[0].reset();
    
            }
        })
    });
    
    
    
    
    });
    
    
    
    </script>