1

El problema es que cuando doy clic en las flechitas del input number no me pasa los valores al input text. Hasta ahora éste es el código que tengo.

<!-- código HGTML-->
<input type="hidden" name="Articulo" id="Articulo" value="<?php echo $row["idArticulo"]; ?> "/>

<input type="number" name="quanti"  id="quanti"  class="form-control" value="1"/>

<input type="text" name="quantity" id="quantity<?php echo $row['idArticulo']; ?>"  class="form-control" value="1" />

<!-- código javascript-->
<script type="text/javascript">
        $(document).ready(function() {
            var product_id = $('#Articulo').val(); //input tiene el idArticulo

            $("#quanti").keyup(function() {
                var recibir = $(this).val();

                //le envia el valor por teclado a quantity
                $("#quantity"+product_id).val(recibir);
                //¿y cómo capturo el valor por las flechitas del input number?
            });
        });
</script>
4
  • 1
    La función que buscas es change()
    – Kevin
    Commented el 24 ago. 2017 a las 16:59
  • Sería: $(document).change(function(){.......}); sería de esa manera? Disculpa, apenas estoy aprendiendo javascript
    – Hermann BD
    Commented el 24 ago. 2017 a las 17:05
  • ¿Tienes en el HTML un elemento que tenga el id: "quantity"+product_id? No lo veo en tu HTML, mientras que en jQuery intentas cambiar el valor de un elemento cuyo id sea esa combinación.
    – A. Cedano
    Commented el 24 ago. 2017 a las 17:07
  • Gracias @Kevin usé el change y si funciona :)
    – Hermann BD
    Commented el 24 ago. 2017 a las 17:11

2 respuestas 2

2

Lo siguiente agrega la fecha del campo "Fecha" al campo "Texto" al hacer cambios en el primero.

var fecha= document.getElementById('fecha');
fecha.addEventListener('change', setText);

function setText() {
  var texto = document.getElementById('texto');
  texto.value = fecha.value;
}
<div>Fecha: <input type="date" id="fecha"></div>
<div>Texto: <input type="text" id="texto"></div>

Básicamente consiste en registrar un evento al elemento "input" de la fecha de tipo "change".

-2

Como ya indicado @Kevin en comentarios, deberías usar change en lugar de keyup.

Veamos una prueba:

        // $(document).ready(function() { obsoleto, usar function
           $(function() {
            var product_id = $('#Articulo').val(); //input tiene el idArticulo

            $("#quanti").change(function() {
                var recibir = $(this).val();

                //le envia el valor por teclado a quantity
                $("#quantity").val(recibir);
                //¿y cómo capturo el valor por las flechitas del input number?
            });
        });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="hidden" name="Articulo" id="Articulo" value="1"/>

<input type="number" name="quanti"  id="quanti"  class="form-control" value="1"/>

<input type="text" name="quantity" id="quantity" class="form-control" value="1" />

Nota: Para tener el código al día, he usado function en lugar de document.ready, el cual es obsoleto desde jQuery 3 (ver esta pregunta y sus respuestas)

4
  • 2
    Es correcto lo que respondes, pero el usuario quería cambiar el valor del input con id quantity por el de id quanti no solo al presionar un numero, sino que también al dar click en las flechas del elemento ubicadas a la derecha de este, por lo tanto la función es change()
    – Kevin
    Commented el 24 ago. 2017 a las 17:24
  • De acuerdo @Kevin, pero esa intención me parece que fue indicada en una edición posterior de la pregunta mediante la modificación de parte esencial del código.
    – A. Cedano
    Commented el 24 ago. 2017 a las 17:27
  • 1
    No discuto ese error pero, el problema planteado, cito textual de la pregunta cuando doy clic en las flechitas del input number no me pasa los valores al input text se refiere a lo comentado anteriormente y no fue editado, saludos
    – Kevin
    Commented el 24 ago. 2017 a las 17:38
  • Buena observación @Kevin. Se me escapó ese detalle. Sugiero que aportes una respuesta con la solución. Saludos.
    – A. Cedano
    Commented el 24 ago. 2017 a las 18:05

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.