Fazer campo select preencher um campo text

Tenho um formulário já pronto, mas preciso que o campo select com nome dos usuários responsáveis pela próxima atividade preencha um campo text abaixo com o nome do usuário selecionado. Tentei criar um exemplo do que preciso para ficar mais fácil o entendimento.

//fazer o campo select preencher/escrever outro campo no formulario
//ex:
    <div class="card-body">
        <div class="form-row">
            <div class="col-2">
                <h5 class="card-title"><b>Área de Atendimento</b></h5>

                <select class="form-control" name="ATEND_AREA">
                    <option value=" "> </option>

                    <option value="usuarioteste">T.I. Infraestrutura</option> //selecionada

                    <option value="anderson.mendes">T.I. Sistema</option>

                    <option value="gabrielbarbuto">Fluig</option>
                </select>
            </div>
        </div>

//opção selecionada no campo select escreve no campo text 

        <div class="form-row">
            <div class="col-2">
                <h5 class="card-title"><b>Usuário</b></h5>
                <input class="form-control" name="ATEND_USU" type="text"> //escreve: "usuarioteste"
            </div>
        </div>
    </div>

select

criado 04 de Oct de 2019
Gabriel C Barbuto
23 pontos
editado 04 de Oct de 2019

Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
Clique aqui para mais detalhes sobre o funcionamento do fluig Forum!

1 resposta

Olá Gabriel,

Existem formas mais dinâmicas de fazer isso, mas creio que assim já resolva seu problema:

<div class="card-body">
        <div class="form-row">
            <div class="col-2">
                <h5 class="card-title"><b>Área de Atendimento</b></h5>

                <select class="form-control" name="ATEND_AREA" onchange="preencheCampo(this);">
                    <option value=" "> </option>

                    <option value="usuarioteste">T.I. Infraestrutura</option> //selecionada

                    <option value="anderson.mendes">T.I. Sistema</option>

                    <option value="gabrielbarbuto">Fluig</option>
                </select>
            </div>
        </div>

//opção selecionada no campo select escreve no campo text 

        <div class="form-row">
            <div class="col-2">
                <h5 class="card-title"><b>Usuário</b></h5>
                <input class="form-control" name="ATEND_USU" type="text"> //escreve: "usuarioteste"
            </div>
        </div>
    </div>

function preencheCampo(el){
    let value = $(el).val();

    $('input[name="ATEND_USU"]').val(value);
}

editar
- x
grosseiro ou ofensivo pouco construtivo obsoleto outro...
Motivo

criado 04 de Oct de 2019
Francis
373 pontos

0

Francis, como faço para pegar os valores de um campo(TEXT) de uma tabela e enviar para um (select) de outra tabela?
— Karina Pinheiro 13 de Jul de 2021

fluig forum

Fazer campo select preencher um campo text

Comentário

1 resposta

Comentário

Não é a resposta que estava procurando? Procure outras perguntas com as tags select ou faça a sua própria pergunta.