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>