Sayısı belli olmayan input nasıl çekilir?

Bir blog sayfam var. Sayfada admin panelinden blog yazarken fotoğraf url'i ekliyorum. Ama fotoğraf sayısı belli olmadığı için "+" butonuna basınca yeni bir input çıkıyor ve 2.url'i giriyorum.

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Ajax ile sınırsız input</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <form class="form "  action="" onsubmit="return false">
        Fotoğraf 1 girin : <input type="text" name="foto1"><br>
    </form>
    <button class="arttir" type="button">+</button>
<script>
    var input = 1; 
    $(".arttir").on('click', function(){
        input = input + 1
        $(".form").append("Fotoğraf " + input + " girin : <input type='text' name='foto" +input+"'><br>")
    })
</script>
</body>
</html>

Buraya kadar sorunsuz çalışıyor ancak burada kaç tane input olacağı belli değil. Bu yüzden bunu nasıl post edip veri tabanına kaydedeceğimi anlayamadım.

Sayısı belli olmayan input nasıl çekilir?

Soru hatalı mı? 👎

Cevap yaz

Cevaplar (1)