<script>
document.getElementById('cocuk_sayisi').addEventLi stener('change', function () {
const cocukContainer = document.getElementById('cocuk_bilgileri');
cocukContainer.innerHTML = ''; // Eski alanları temizle
const cocukSayisi = parseInt(this.value) || 0;

for (let i = 1; i <= cocukSayisi; i++) {
const fieldset = document.createElement('fieldset');
fieldset.innerHTML = `
<legend>Çocuk ${i} Bilgileri</legend>
<label for="cocuk_${i}_ad">Adı:</label><br>
<input type="text" name="cocuk_${i}_ad" id="cocuk_${i}_ad" required><br><br>

<label for="cocuk_${i}_ikinci_ad">İkinci Adı:</label><br>
<input type="text" name="cocuk_${i}_ikinci_ad" id="cocuk_${i}_ikinci_ad"><br><br>

<label for="cocuk_${i}_soyad">Soyadı:</label><br>
<input type="text" name="cocuk_${i}_soyad" id="cocuk_${i}_soyad" required><br><br>

<label for="cocuk_${i}_dogum_tarihi">Doğum Tarihi:</label><br>
<input type="date" name="cocuk_${i}_dogum_tarihi" id="cocuk_${i}_dogum_tarihi" required><br><br>

<label for="cocuk_${i}_cinsiyet">Cinsiyet:</label><br>
<select name="cocuk_${i}_cinsiyet" id="cocuk_${i}_cinsiyet" required>
<option value="">Seçiniz</option>
<option value="Erkek">Erkek</option>
<option value="Kadın">Kadın</option>
</select><br><br>

<label for="cocuk_${i}_dogum_yeri">Doğum Yeri:</label><br>
<input type="text" name="cocuk_${i}_dogum_yeri" id="cocuk_${i}_dogum_yeri" required><br><br>

<label for="cocuk_${i}_dogdugu_ulke">Doğduğu Ülke:</label><br>
<input type="text" name="cocuk_${i}_dogdugu_ulke" id="cocuk_${i}_dogdugu_ulke" required><br><br>
`;
cocukContainer.appendChild(fieldset);
}
});
</script>

Çocuk bilgilerini yerleştireceğiniz bir konteyner ekleyin:

<div id="cocuk_bilgileri"></div>

Bu güncellemeyle dinamik alan ekleme problemini çözebilirsiniz.