Çoklu input insert etme

rephp7 1027 gün önce

557 defa görüntülendi

$icerik="";
    for ($i=1; $i < 20; $i++) {         
      $y=$db->filter("adi".$i);
         if (!empty($y)) {
               
    $adi[$i]= $db->filter("adi".$i);
    $soyadi[$i]= $db->filter("soyadi".$i);
    $isim[$i]= $adi[$i]." ".$soyadi[$i];

    $yazar_sira[$i]= $db->filter("yazar_sira".$i);
    
  }else{
    break;
  }
    }

    $m_yazar_ekle="";
    for ($i=1; $i < 20; $i++) {  
      if (!empty($adi[$i])) {  
    $m_yazar_ekle = $db->SorguCalistir(

      "INSERT INTO yazarlar",
      "SET yazar=?,adi=?,soyadi=?,yazar_sira=?",
      array($isim[$i],$adi[$i],$soyadi[$i],$yazar_sira[$i])
    );
  }else{
    break;
  }
}

HTML Yapımda şu şekilde

...
<input type="text" class="form-control" placeholder="Yazarın adı…" name="adi1">
<input type="text" class="form-control" placeholder="Yazarın soyadı…" name="soyadi1">
...

<button type="button" class="btn btn-info btn-circle" style="float:right;" onclick="yeniekle()">
    <i class="fa fa-plus"></i>
</button>

inputları ekleyeceğim yazar sayısına göre javascript ile çoğaltıyorum.

function yeniekle() {
  let writersLength = $(".writers").length;

  let icerik = `
  
<input type="text" class="form-control " placeholder=" Yazarın adı…" name="adi${writersLength + 1}">
...

Sonuç hata ile sonuçlanıyor, insert etmiyor.

Hatam nerede çözemedim?

abdullahx

1025 gün önce

Bu mantıkta yaparsan daha kolay olacaktır.

<!doctype html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
</head>
<body>

<div class="container">
    <form action="" id="form">
        <div class="block">
            <div class="form-group nameBlock">
                <label for="name1">1. Yazarın adı</label>
                <input type="text" class="form-control" id="name1" placeholder="1. Yazarın adı…" name="name[]">
            </div>
            <div class="form-group surnameBlock">
                <label for="surname1">1. Yazarın soyadı</label>
                <input type="text" class="form-control" id="surname1" placeholder="1. Yazarın soyadı…" name="surname[]">
            </div>
        </div>

        <input type="submit" class="btn btn-success">
    </form>
    <button type="button" class="btn btn-info btn-circle" style="float:right;" onclick="yeniekle()">
        <i class="fa fa-plus"></i>
    </button>
</div>




<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>

function yeniekle() {
    let writersLength = $(".nameBlock").length,
        newWriter = writersLength + 1
    $(".block").append(`
    <div class="form-group nameBlock">
            <label for="name${newWriter}">${newWriter}. Yazarın adı</label>
            <input type="text" class="form-control" id="name${newWriter}" placeholder="${newWriter}. Yazarın adı…" name="name[]">
        </div>
        <div class="form-group surnameBlock">
            <label for="surname${newWriter}">${newWriter}. Yazarın soyadı</label>
            <input type="text" class="form-control" id="surname${newWriter}" placeholder="${newWriter}. Yazarın soyadı…" name="surname[]">
        </div>`)
}

$("#form").on("submit", function (e) {
    e.preventDefault()
    $.ajax('ajax.php', {
        data: $(this).serialize(),
        method: "POST"
    }).done(response => {
        console.log(response)
    })
})

</script>
</body>
</html>

ajax.php

if ($_POST) {
print_r($_POST);
}

#009141

Tüm Cevapları Göster (10)