仅在单击按钮后才使用JS var值

Question

我想显示使用JavaScript选择了哪个菜单值，如下所示：

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

当单击一个按钮时，jQuery定义了名为value的JS变量：

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

});

问题是代码在按钮创建之前尝试呈现value。

我知道我可以根据按钮点击显示/隐藏div，但即使隐藏了writeln的部分，它仍会遇到同样的问题。我还需要能够更改我的选择，单击“提交”，并正确更新值。

这是一个说明问题的jsFiddle：

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

Answer 1

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