Wert der Eingabe in jQuery-Ereignis gibt undefiniert

Question

Ich habe zwei separate js-Dateien. Einer von ihnen, services genannt, wo ich das Eingabefeld definiere und einige jQuery damit starte. Die andere Datei ruft services auf und arbeitet mit dem zurückgegebenen Wert.

Wenn ich den Wert innerhalb der Funktion (in services) verwende, wird der korrekte Wert zurückgegeben. Ansonsten in meiner secound Datei, es zurückgeben undefiniert, weil es wie scheint, wenn ich die Funktion aufrufen, ist es nicht warten, bis das .change Ereignis ausgelöst wird

Services.js

var service = { 

    main: function() { 
     console.log(service.input); 
    }, 

    init: function(input) { 
     service.input = input; 
    }, 

    getInputValue: function() { 
     $('#' + service.input).change(function() { 
      return $('#' + service.input).val(); 
     }); 
    } 
}; 

OtherJsFile.js

$(function(){ 
    var inputField; 

    service.init('inputId'); 
    inputField = service.getInputValue(); 

    //Should print the value of inputId 
    //Instead it prints undefined 
    console.log(inputField); 
}); 

Ich schätze jede Hilfe!

Answer 1

Ein Problem ist, was Sie innerhalb des Change-Handlers zurückgeben nur an die Event-Handler-Funktion zurück, nicht an die äußere getInputValue. Es wird also nichts von getInputValue() zurückgegeben ... und deshalb siehst du undefiniert.

Nächste Ausgabe ist das Ereignis noch nicht aufgetreten, wenn Sie versuchen, diesen Wert zu erhalten.

Um ehrlich zu sein, ich bin nicht sicher, was Sie hier versuchen,