Skip to main content
se añadieron 1128 caracteres en el cuerpo
Origen Enlace
adrigo
  • 1.2k
  • 8
  • 15

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>

Al ser un formulario 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>

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>

Origen Enlace
adrigo
  • 1.2k
  • 8
  • 15

Al ser un formulario 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>