2

Tengo este dropdown pero no se como hacer para que al seleccionar cualquiera me imprima directamente en el input.
No lo hago con select porque es como un mini buscador el dropdown

Imagen del dropdown

Este es mi codigo del input con el dropdown

<div class="input-group">
                                    <input type="text"
                                           class="form-control"
                                           name="codigoOrdenTrabajo"
                                           style="width: 65px"
                                           minlength="5"
                                           maxlength="5">
                                    <div class="input-group-append">
                                        <button type="button"
                                                class="btn btn-default btn-sm dropdown-toggle"
                                                data-toggle="dropdown"
                                                aria-expanded="false">
                                        </button>
                                        <div class="dropdown-menu dropdown-menu-right">
                                            <?php

                                                $item = null;
                                                $valor = null;

                                                $orden = ControladorOrdenTrabajo::ctrMostrarOrdenTrabajo($item, $valor);

                                                foreach ($orden as $value) {

                                                    echo '<a class="dropdown-item"
                                               href="#">' . $value["codigoOrdenTrabajo"] . '</a>';

                                                }
                                            ?>
                                        </div>
                                    </div>
                                </div>

1 respuesta 1

2

Lo que podes hacer es que al hacer click sobre alguno de los a del dropdown se dispare una funcion, la cual tome el valor del a click-eado y lo ponga en el value del <input/>

Ejemplo:

$('#opcionesCodigoOrdenTrabajo > a').on('click', setDropdownValue);

function setDropdownValue() {
  let $option = $(this); 
  // Buscamos el input donde establecer el valor de la opcion seleccionada
  $option.closest('.input-group').find('input').val($option.text());
}
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>

<div class="input-group">
  <input type="text" class="form-control" name="codigoOrdenTrabajo" style="width: 65px" minlength="5" maxlength="5">
  <div class="input-group-append">
    <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
    <div class="dropdown-menu" id="opcionesCodigoOrdenTrabajo">
      <a class="dropdown-item" href="#">Valor 1</a>
      <a class="dropdown-item" href="#">Valor 2</a>
    </div>
  </div>
</div>

7
  • Excelente Marcos muchas gracias funciono perfectamente Commented el 16 mar. 2020 a las 15:04
  • Ahora el inconveniente es que al usar datatable modo responsive no imprime el value :( Commented el 16 mar. 2020 a las 15:10
  • 1
    Intenta suscribiendo la funcion despues de crear el DataTable
    – Marcos
    Commented el 16 mar. 2020 a las 15:12
  • Gracias crack se solucionó sin novedad te agradezco Commented el 16 mar. 2020 a las 15:13
  • Marcos me puedes ayudar con una cosita porfavor que no hallo solucion porfavor como te contacto ?? Commented el 16 mar. 2020 a las 15:20

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.