Olá, comecei agora a trabalhar com Laravel e me surgiu uma demanda e não achei material de como fazer, tenho um carrinho de compras onde tenho um select Cor e um select Tamanho e um input Quantidade. Gostaria que ao selecionar o Select Cor, ele mostrasse apenas os tamanhos disponíveis no select debaixo
{{ Form::open(['action' => ['LojaVirtualController@addCarrinho', $ produto],'method' => 'POST']) }} @if ($ produto->tamanhos->count()) <div class="row justify-content-center" style="margin-bottom: 20px;"> <div class="col-sm-6 col-md-5"> {{ Form::label('Tamanhos') }} {{ Form::select('tamanho_id', $ produto->tamanhos->pluck('tamanho', 'id'), null, ['class' => 'form-control', 'placeholder' => 'Selecione...', 'required' => 'required']) }} </div> </div> @endif @if ($ produto->cores->count()) <div class="row justify-content-center" style="margin-bottom: 20px;"> <div class="col-sm-6 col-md-5"> {{ Form::label('Cores') }} {{ Form::select('cor_id', $ produto->cores->pluck('nome', 'id'), null, ['class' => 'form-control', 'placeholder' => 'Selecione...', 'required' => 'required']) }} </div> </div> @endif <div class="row justify-content-center" style="margin-bottom: 20px;"> <div class="col-sm-6 col-md-5"> {{ Form::label('Quantidade') }} {{ Form::number('quantidade', null, ['class' => 'form-control', 'min' => 0, 'required' => 'required']) }} </div> </div> <div class="row justify-content-center"> <div class="col"> <button class="btn btn-success"> <i class="fa fa-shopping-cart"></i> Add Carrinho </button> </div> </div> {{ Form::close() }}