Setar option dentro do select utilizando o banco

3 respostas Resolvido
Z

Estou passando tudo certo. Tanto na id da div, quanto no data pra do botão pra abrir o modal. Ele puxa todos os outros, menos esses 2 ( escola e perfil ).

JS:

$(#AlterarCadUserModal’).on(‘show.bs.modal’, function (event) {

var button = $(event.relatedTarget) // Botão que acionou o modal

var idalt = button.data(whatever-id)

var useralt = button.data(whatever-user)

var loginalt = button.data(whatever-login)

var perfilalt = button.data(whatever-perfil)

var escolaalt = button.data(whatever-escola)

var statusalt = button.data(whatever-status)

var modal = $(this)

modal.find(.modal-title).text(Modificar Usuário)

modal.find(#idalt_user’).val(idalt)

modal.find(#nomealt_user’).val(useralt)

modal.find(#loginalt_user’).val(loginalt)

modal.find(#perfilalt_user’).val(perfilalt)

modal.find(#escolaalt_user’).val(escolaalt)

modal.find(#statusalt_user’).val(statusalt)

})

Botão:

<button type=“button” class=“btn btn-alterar btn-sm fa fa-pencil-square-o” data-toggle=“modal” data-target="#AlterarCadUserModal"
data-whatever-id="{{$usuario->id_usuario}}" data-whatever-user="{{$usuario->nome}}"
data-whatever-login="{{$usuario->login}}" data-whatever-escola="{{$usuario->escola_fk}}" data-whatever-status="{{$usuario->ativo}}"
Alterar

Modal:

<div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
        <div class="b_edit_modalHeader">
            <div class="modal-header">
                <h5 class="modal-title" id="AlterarCadUserModalLabel">Alterar</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Fechar">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
        </div>
        <div class="modal-body">
            <form class="form-horizontal" method="POST" action="{{action('UsuarioController@store')}}">
                @csrf
                <div class="form-group row">
                
                    <div class="col-sm-6">
                        <label class="control-label">Nome</label>
                        <input class="form-control" type="hidden" name="idalt" id="idalt_user" required>
                        <input class="form-control" type="text" name="nomealt" id="nomealt_user" placeholder="Digite o nome" required>
                    </div>
                    
                    <div class="col-sm-6">
                        <label class="control-label">Escola/Setor</label>
                        <select class="selectescolaalt" tabindex="-1" name="escolaalt" id="escolaalt_user">
                            @foreach ($escolas as $escola)
                            <option value="{{$escola->id_escola}}">{{$escola->nome}}</option>
                            @endforeach
                        </select>
                        <p></p>    
                    </div>
                    
                    <div class="col-sm-6">
                        <label class="control-label">Login</label>
                        <input class="form-control" type="text" name="loginalt" id="loginalt_user" placeholder="Digite o login" required>
                    </div>
                    
                    <div class="col-sm-3">
                        <label class="control-label">Perfil</label>
                        <select class="selectperfilalt" name="perfilalt" id="perfilalt_user">
                            @foreach ($perfis as $perfil)
                            <option value="{{$perfil->idPerfil}}">{{$perfil->nome}}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-sm-3">
                        <label class="control-label">Status</label>
                        <select class="form-control" name="statusalt" id="statusalt_user" >
                           <option value="1">Ativo</option>
                           <option value="0">Inativo</option>
                        </select>
                    </div>
                </div>

                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" id="reset" data-dismiss="modal"><i class="fa fa-times"> Cancelar</i></button>
                        <button type="submit" class="btn btn-primary"><i class="fa fa-floppy-o"> Salvar</i></button>
                    </div>
            </form>
        </div>
    </div>
</div>

3 Respostas

Z

Detalhe: utilizando o select2 não funciona, mas o form-control sim.

Segue JS para o dropdown:

$(document).ready(function() {
    $('.selectescolaalt').select2({
        dropdownParent: $("#AlterarCadUserModal"),
        width : '100%'
    });

    $('.selectperfilalt').select2({
        dropdownParent: $("#AlterarCadUserModal"),
        width : '100%',
    });
});
N

Eu sei fazer porém utilizando PHP. Isso ajuda?

Z
Solucao aceita

Era em php mesmo, mas já consegui. Valeu. Utilizei AJAX com um edpoint no controller.

Criado 19 de abril de 2020
Ultima resposta 9 de mai. de 2020
Respostas 3
Participantes 2