1

necesito de vuestra sabiduría, estoy desesperado, tengo un formulario en el cual he insertado un input y quiero asignarle el valor que obtengo de $(".id input").text(dataTable.row(this).data()[0]);

Este es mi código html, la idea es hacer un update con la fecha que le inserto desde el input de fecha y que la id se rellene sola pero no hay forma de asignarle el valor de esa consulta javascript.

<form method="post" enctype="multipart/form-data" action="<?php echo base_url() ?>administracion/fechagasto_modificar"> 
                     <input type="date" class="form-control" id="fechanueva" name="fechanueva"   style="width: 85%;">

                     <div class="id">
                     <input id="id" name="id"/>
            
           
        </div>
                    
                    <input name="submit" type="submit" class="btn grey-mint btn-block" value="Añadir" />
                 
                 </div>

1
  • Buenas, de la siguiente forma no te funciona ? $("#id").text(dataTable.row(this).data()[0]);
    – Antonio
    Commented el 26 abr. 2022 a las 21:34

1 respuesta 1

2

Al ser un formulario con boton tipo submit, al hacer click en el boton recarga la pagina, o te redirege a otra y esto hace que no se pueda hacer lo que pides. Para conseguir lo que quieres, en vez de actualizar el campo id al hacer click, se puede actualizar al cambiar el cambo fechanueva.

Te añado un ejemplo teniendo en cuenta tu codigo:

$("#fechanueva").change(function() {
    $("#id").val($("#fechanueva").val());
});
<!-- Este script solo es para que el ejemplo pueda ejecutar jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- A partir de aqui empieza el ejemplo -->

<form method="post" enctype="multipart/form-data" action="<?php echo base_url() ?>administracion/fechagasto_modificar"> 
    <input type="date" class="form-control" id="fechanueva" name="fechanueva"   style="width: 85%;">
    <div class="id">
        <input id="id" name="id"/>           
    </div>
    <input name="submit" type="submit" class="btn grey-mint btn-block" value="Añadir" id="añadir"/>
</form>

Si por el contrario no vas a mandar nada del formulario a ningun lado, puedes conseguir lo que decias cambiando el type del boton a button y de esta forma no pasara lo descrito antes.

Te añado otro ejemplo:

$("#añadir").click(function() {
    $("#id").val($("#fechanueva").val());
});
<!-- Este script solo es para que el ejemplo pueda ejecutar jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- A partir de aqui empieza el ejemplo -->

<form method="post" enctype="multipart/form-data" action="<?php echo base_url() ?>administracion/fechagasto_modificar"> 
    <input type="date" class="form-control" id="fechanueva" name="fechanueva"   style="width: 85%;">
    <div class="id">
        <input id="id" name="id"/>           
    </div>
    <input name="submit" type="button" class="btn grey-mint btn-block" value="Añadir" id="añadir"/>
</form>

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.