javascript - 使用表单运行 javascript 方法

Question

我正在尝试使用自定义文本变量作为参数运行 JS 方法。我需要能够在表单中编写一些文本，然后将该值发送到方法以执行它。我不确定为什么它不起作用 - 它似乎接收到 VALUE 的值作为“”或空白。我该怎么做呢？

    <FORM NAME="myform" ACTION="" METHOD="GET">
Choose a Place: <INPUT TYPE="text" NAME="inputbox" VALUE="" id = "place"><P>
</FORM>

<button type="button" onclick="buttonGenerator()">Generate Postcard</button>

<script>
    var x = document.getElementById('place').value;
    function buttonGenerator(){
        generate(x);
    }
</script>

Answer 1

您的 x 变量在脚本首次运行时（页面加载时）被设置。在单击按钮之前，您要避免设置它。只需将其移动到函数中，您就应该设置：

function buttonGenerator(){
    var x = document.getElementById('place').value;
    generate(x);
}