Verwenden JS var Wert erst nach einer Schaltfläche klicken

Question

I, welches Menü Wert wurde ausgewählt mit JavaScript, wie diese zeigen wollen:

<script> 
document.writeln(value); 
</script> 

Wo die JS-Variable namens value von jQuery definiert wird, wenn eine Schaltfläche geklickt wird:

$('#submit').click(function(){ 
    var value = $('#model').val(); 

}); 

das Problem ist, dass der Code value zu machen versucht, bevor sie durch die Schaltfläche erstellt wurde.

Ich weiß, dass ich eine div basierend auf der Schaltfläche klicken/ausblenden kann, aber selbst wenn der Abschnitt mit writeln ausgeblendet ist, hat es immer noch das gleiche Problem. Ich muss auch in der Lage sein, meine Auswahl zu ändern, auf "Senden" zu klicken und den Wert korrekt zu aktualisieren.

Hier ist ein jsFiddle illustriert das Problem:

https://jsfiddle.net/f3n7uq14/4/

Answer 1

<span id="result"></span> 
<script> 
$('#submit').click(function(){ 
    var value = $('#model').val(); 
    $('#result').text(value); 
}); 
</script>