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

Question

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

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

当单击按钮时，jQuery 定义名为 value 的 JS 变量:

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

});

问题是代码在按钮创建值之前尝试渲染它。

我知道我可以根据按钮单击显示/隐藏 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>