Skip to main content
5 de 6
se añadieron 298 caracteres en el cuerpo

¿Cómo consigo los datos de varios input que autocomplete a otro?

Necesito rellenar una línea de un input con otros valores que antes he dado y si puede ser separados por guiones.

<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.2.0.js"></script>

<!-- HTML -->
<table>
  <tr>
    <th style="text-align:left;">Titulo del Documento</th>
    <td><input type="text" name="titulo_documento" id="titulo_documento" value="<?php echo isset($obj_categoria) ? $obj_categoria->__GET('titulo_documento') : ''; ?>" style="width:100%;" required /></td>
  </tr>
  <tr>
    <th style="text-align:left;">Compañia</th>
    <td><input type="text" name="compania" id="compania" value="<?php echo isset($obj_categoria) ? $obj_categoria->__GET('compania') : ''; ?>" style="width:100%;" required /></td>
  </tr>
  <tr>
    <th style="text-align:left;">Codigo del proyecto</th>
    <td><input type="text" name="codigo_proyecto" readonly id="codigo_proyecto" style="width:100%;" required/></td>
  </tr>
</table>

Tengo esto, pero sólo me recoge un dato de los dos

$(document).ready(function() {
  $('#titulo_documento').change(function() {
    $('#codigo_proyecto, #compania').val(
      $(this).val()
    );
  });
});

Lo que quiero es que lo de dos campos me lo inserte en uno.

Vale decir: titulo_documento+compania se deben de insertar en codigo_proyecto cada vez que haya una modificación de este mismo.

Funcionando con separacion de guiones.

 $(document).ready(function() {
 $('#titulo_documento, #compania').change(function() {
 $('#codigo_proyecto').val($('#titulo_documento').val() + "-" +    $('#compania').val());
   });
});

Gracias por la ayuda =)