Voici comment créer une liste déroulante dynamique dans Laravel :
Avis de non-responsabilité :je n'ai pas testé cela, mais cela devrait fonctionner. N'hésitez pas à commenter et je mettrai à jour 🙏
app/Http/Controllers/HomeController.php
<?php
namespace App\Http\Controllers;
use App\{Country, State};
class HomeController extends Controller
{
public function index()
{
return view('home', [
'countries' => Country::all(),
'states' => State::all(),
]);
}
}
ressources/vues/home.blade.php
<select name="country">
@foreach ($countries as $country)
<option value="{{ $country->id }}">{{ $country->name }}</option>
@endforeach
</select>
<select name=“state”>
@foreach ($states as $state)
<option value="{{ $state->id }}">{{ $state->name }}</option>
@endforeach
</select>
<script>
$(function() {
$('select[name=country]').change(function() {
var url = '{{ url('country') }}' + $(this).val() + '/states/';
$.get(url, function(data) {
var select = $('form select[name= state]');
select.empty();
$.each(data,function(key, value) {
select.append('<option value=' + value.id + '>' + value.name + '</option>');
});
});
});
});
</script>
app/Pays.php
<?php
namespace App;
use Illuminate\Database\Eloquent\Model;
class Country extends Model
{
public function states()
{
return $this->hasMany('App\State');
}
app/State.php
<?php
namespace App;
use Illuminate\Database\Eloquent\Model;
Class State extends Model
{
public function country()
{
return $this->belongsTo('App\Country');
}
routes/web.php
Route::get('country/{country}/states', '[email protected]');
app/Http/Controllers/CountryController.php
<?php
namespace App\Http\Controllers;
use App\Country;
class CountryController extends Controller
{
public function getStates(Country $country)
{
return $country->states()->select('id', 'name')->get();
}
}
