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);
}