js ile alakalı olabilir sorun id bir tane olabilir ve seçilen de sadece bir tane döner eğer döngü ile altındaki elemanları kontrol etmezsen.
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dinamik Form</title>
</head>
<body>
<h1>Başvuru Formu</h1>
<form id="dynamic-form" action="process_form.php" method="POST">
<label for="children_count">Çocuk Sayısı:</label>
<select id="children_count" name="children_count">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<div id="children-fields-container"></div> <!-- Dinamik alanlar burada eklenecek -->
<input type="submit" value="Gönder">
</form>
<script>
document.getElementById('children_count').addEventListener('change', function() {
var count = parseInt(this.value); // Seçilen çocuk sayısını al
var container = document.getElementById('children-fields-container'); // Alanların ekleneceği konteyner
// Önceki form alanlarını temizle
container.innerHTML = '';
// Seçilen sayıya göre yeni form alanları ekle
for (var i = 0; i < count; i++) {
var label = document.createElement('label');
label.textContent = 'Çocuk ' + (i + 1) + ' Adı:';
var input = document.createElement('input');
input.type = 'text';
input.name = 'child_' + (i + 1); // Her çocuk için farklı name oluştur
container.appendChild(label);
container.appendChild(input);
container.appendChild(document.createElement('br')); // Yeni satır
}
});
</script>
</body>
</html>