1

Hola que tal compañeros,

Tengo este problema. No se "reasigna" el valor de una variable tras haber ejecutado una función que debería de hacerlo ( o eso pienso yo).

Type.js

var machine = "KVM001"
var reason = "Necesita sync"
var service
var snapshot = {
"reason" : " " +  service + " - " + machine + " - " + reason
}

$(document).ready(function() {
$('#title').keyup(function() {
    $('#getTitle').html($(this).val().replace(/\r?\n/g, "<br>"));       
}); 
$("#snapshot").click(function(){
    service = $('#getService').val();
    $("#changes").autofill(snapshot);
})
});

La cuestión es que si yo pongo un alert, entre:

 $("#snapshot").click(function(){
    service = $('#getService').val();
    alert(service)
    $("#changes").autofill(snapshot);
})

Este me devolverá efectivamente el valor del input como tal, pero después de pulsar el botón, solo obtengo "undefined"

5

1 respuesta 1

0

Tienes un problema de declaraciones. Fíjate lo que sucede:

var machine = "KVM001" // Valor: KVM001
var reason = "Necesita sync" // Valor: Necesita sync
var service // Valor: **undefined**
var snapshot = {
"reason" : " " +  service + " - " + machine + " - " + reason
} // Valor: {"reason": "undefined - KVM001 - Necesita sync"}

Luego, sin reasignar el valor de snapshot intentas pasarlo como argumento en el la función autofill(). Así que recibirás, de nuevo el valor cuya 'reason' es undefined.

Te sugiero que construyas dinámicamente esa string, intenta este código:

var machine = "KVM001";
var reason = "Necesita sync";
var service;
var snapshot = {reason: `${service} - ${machine} - ${reason}`};

const buildSnapshot = (service, machine, reason) => ({reason: `${service} - ${machine} - ${reason}`});

$(document).ready(function() {
  $('#title').keyup(function() {
    $('#getTitle').html($(this).val().replace(/\r?\n/g, "<br>"));       
  }); 
  $("#snapshot").click(function(){
    service = $('#getService').val();
    snapshot = buildSnapshot(service, machine, reason);
    
    console.log(snapshot); // o alert(snapshot, lo que tú prefieras, pero alert te dara [Object object])
    // $("#changes").autofill(snapshot);
  })
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label for="title">title Input</label>
<input id="title">

<div id="getTitle"></div>

<label for="getService">getService Input</label>
<input id="getService">

<button id="snapshot">Make Snapshot</button>

<div id="changes">Changes</div>

4
  • ¡Muchas gracias @fernando-carrascosa ! Funcionó. Claro yo no lo entendía incluso probé a cambiar el valor a este objeto literal no podía hacerlo. A todo esto, ¿Qué nombre técnico tendría esta solución que me has dado? Commented el 20 jun. 2019 a las 16:55
  • De nada ;) En cuanto a lo del nombre técnico, ni idea, sencillamente estoy asignando el valor antes de llamarlo. Porque si no, lo que se queda almacenado en memoria es el primer valor, que es undeifned. Commented el 21 jun. 2019 a las 9:48
  • Ya lo encontré, se llama objeto literal!!! Entonces haces una reasignación de los valores del propio objeto, me encanta!!! Commented el 21 jun. 2019 a las 18:23
  • Ah! Te referías a las string templates (plantillas de literal), estupendo, pues! Commented el 21 jun. 2019 a las 22:34

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.