https://ibb.co/3dTzgBJ
Livewire Kullanarak böyle bir bölüm yaptım, fakat çok stabil çalışmıyor, bazen hepsi selecboxların hepsi aynı değeri alıyor bazen 2 tanesi yanı değeri alıyor işin içinden çıkamadım, lütfen yardımcı olur musunuz burada çok takılı kaldım, buna benzer bir kaç yer daha var
blade
<div class="egitim">
<div class="form-group row">
<div class="col-12"><label class="col-form-label">Eğitim </label></div>
<div class="col-12">
<div class="form-group d-flex justify-content-center align-items-center">
<div class="col-4">
<small>Eğitim Düzeyi</small>
</div>
<div class="col-7">
<small>Kurum Adı</small>
</div>
<div class="col-1"></div>
</div>
</div>
<div class="col-4">
<div class="input-group">
<select
wire:model="egitimYeri.0"
name="okul_id"
id=""
class="form-control"
>
@foreach ($egitimDuzeyi as $key => $egitim)
<option value="{{ $egitim->id }}">{{ $egitim->adi }}</option>
@endforeach
</select>
</div>
</div>
<div class="col-7">
<input
wire:model="egitimKurumAdi.0"
class="form-control"
type="text"
name="kurum_adi"
id="kurum_adi"
/>
</div>
<div class="col-1 d-flex justify-content-center align-items-end">
<button class="btn btn-danger btn-sm" disabled>
<i class="fa fa-minus"> </i>
</button>
</div>
</div>
@foreach ($egitimYeri as $egitimKey => $dataEgitim)
<div class="form-group row">
<div class="col-4">
<div class="input-group">
<select
wire:model="egitimYeri.{{ $dataEgitim }}"
name="okul_id[]"
class="form-control"
>
@foreach ($egitimDuzeyi as $key => $egitim)
<option value="{{ $egitim->id }}">{{ $egitim->adi }}</option>
@endforeach
</select>
@error('egitimYeri.' . $dataEgitim)
<span class="text-danger error">{{ $message }}</span>@enderror
</div>
</div>
<div class="col-7">
<input
wire:model="egitimKurumAdi.{{ $dataEgitim }}"
name="okul_yeri[]"
class="form-control"
type="text"
name="kurum_adi"
id="kurum_adi"
/>
@error('egitimKurumAdi.' . $dataEgitim)
<span class="text-danger error">{{ $message }}</span>@enderror
</div>
<div class="col-1 d-flex justify-content-center align-items-end">
<button
class="btn btn-danger btn-sm"
wire:click="egitimRemove({{ $egitimKey }})"
>
<div
wire:loading
wire:target="egitimRemove({{ $egitimKey }}) "
class="spinner-border spinner-border-sm text-light"
role="status"
></div>
<i
wire:loading.class="d-none"
wire:target="egitimRemove({{ $egitimKey }})"
class="fa fa-minus"
>
</i>
</button>
</div>
</div>
@endforeach
<div class="form-group row">
<div class="col-12 text-right">
@if (session()->has('egitimNMax'))
<div class="alert alert-danger alert-dismissible">
<button
type="button"
class="close"
data-dismiss="alert"
aria-hidden="true"
>
×
</button>
<h5><i class="icon fas fa-ban"></i> Uyarı</h5>
{{ session('egitimNMax') }}
</div>
@endif
<button
wire:loading.attr="disabled"
role="button"
class="btn btn-primary btn-sm"
wire:click="egitimAdd({{$egitimN}})"
>
<span
wire:loading
wire:target="egitimAdd({{$egitimN}})"
class="spinner-border spinner-border-sm text-light"
role="status"
></span>
<i
wire:loading.class="d-none"
wire:target="egitimAdd({{$egitimN}})"
class="fa fa-plus"
>
</i>
Yeni Eğitim Ekle
</button>
</div>
</div>
</div>
class.php
public function egitimAdd()
{
if ($this->egitimSayac <= 7) {
$this->egitimN += 1;
array_push($this->egitimYeri,$this->egitimN);
$this->egitimSayac++;
} else {
session()->flash('eigtimNMax', 'Daha fazla Egitim ekleyemezsiniz');
}
}
public function egitimRemove($egitimN)
{
unset($this->egitimYeri[$egitimN]);
$this->egitimSayac--;
}