1

Tengo un campo de tipo textarea en un formulario donde me encuentro realizando algunas pruebas y quisiera saber como puedo mostrar la información de regreso en un textarea, es decir al momento de editar el formulario respectivo, no me muestra esa información que tengo almacenada en el textarea de regreso, el siguiente es el formulario donde tengo el textarea con su función Javascript para actualizar

updateService() es el nombre de la función para actualizar, ya ves que al momento de actualizar el registro no me muestra la información que anteriormente registre en el textarea.

Explico un poco mejor, tengo un formulario de registro con muchos campos y dentro de esos campos tengo uno que es un textarea, al momento de modificar el registro uno espera que le traiga toda la información de regreso en los campos, pero el problema es que en el campo de textarea no me la trae de regreso.

function updateService() {
    $("#submit").css("display", "none");
    $("#load").css("display", "block");

    const serviceDescription = document.getElementById("serviceDescription").value;


    $.ajax({
        url: document.getElementById("updateService").value,
        type: "POST",
        dataType: "json",
        data: {

            content: serviceDescription,

        },
        success: function(data) {
            $("#message").text("Se han guardado correctamente sus cambios.");
            $("#serviceResultModal").modal({
                backdrop: "static",
                keyboard: false
            });


            $("#submit").css("display", "block");
            $("#load").css("display", "none");
        },
        error: function() {
            alert("Ocurrió un error, porfavor inténtalo de nuevo.");
            $("#submit").css("display", "block");
            $("#load").css("display", "none");
        }
    });
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

<div class="form-group">
                                <label class="required-field" name="descripcionServ" for="serviceDescription">Descripción:</label>
                                <div style="font-size:x-small; text-align: right;">
                                 <label id="charserviceDescrInput">250</label>/250
                                </div>
                                <textarea onchange="validateService(this)" id="serviceDescription" name="descripcionServ" class="form-control validateable" style="border-radius: 1rem;" rows="4" maxlength="250"></textarea>
                                   
                                </div>

1 respuesta 1

0
const serviceDescription = document.getElementById("serviceDescription");

$.ajax({
        url: document.getElementById("updateService").value,
        type: "POST",
        dataType: "json",
        data: {

            content: serviceDescription.value,

        },
        success: function(data) {
            $("#message").text("Se han guardado correctamente sus cambios.");
            $("#serviceResultModal").modal({
                backdrop: "static",
                keyboard: false
            });
            serviceDescription.value = data.valor_de_regreso;
            $("#submit").css("display", "block");
            $("#load").css("display", "none");
        },
        error: function() {
            alert("Ocurrió un error, porfavor inténtalo de nuevo.");
            $("#submit").css("display", "block");
            $("#load").css("display", "none");
        }
    });
7
  • Mira Cómo responder para que puedas dar una buena respuesta, trata de explicar que es lo que estás haciendo y porqué lo haces de esa manera, la idea es aprender que es entender el código y no simplemente copiar y pegar.
    – DaxTter77
    el 6 nov. 2019 a las 21:48
  • Tu respuesta no me funciono aun no me trae el dato de regreso en el textarea, que pretendes que coloque en data.valor_de_regreso;
    – John Doe
    el 6 nov. 2019 a las 21:50
  • Explicame qué es lo que quieres traer de regreso en el textarea? el 7 nov. 2019 a las 22:56
  • @JhonnatanYontonelSotelo La información que se registro, es decir, que al momento de modificar me muestro en el textarea lo que se registro inicialmente
    – John Doe
    el 7 nov. 2019 a las 23:33
  • @SebastianSalazar Creo que lo entendí así: Lo que quieres es cargar un dato en el <textarea> y cuando lo modifiquen puedas validarlo y si la validación no es correcta volver a mostrar el dato que tenia anteriormente antes de ser modificado. el 9 nov. 2019 a las 13:54

Tu Respuesta

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

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