单击JavaScript中的按钮时获取输入值答案

【问题标题】：Get input value when clicking on button in JavaScript单击JavaScript中的按钮时获取输入值
【发布时间】：2013-09-04 18:27:47
【问题描述】：

我知道如何解决这个问题，但现在我不记得了。我正在做的是动态创建两个输入元素：一个文本框和一个按钮。当我按下按钮时，我想要一个带有文本框值的警报

var Form = {
    Create: function() {
        var Input = document.createElement('input');
            Input.type = 'text';
        document.body.appendChild(Input);

        var Button = document.createElement('input');
            Button.type = 'button';
            Button.value = 'Show Value';
        document.body.appendChild(Button);

        Button.onclick = function() {
            alert(Input.value);
        }
    }
}

window.onload = function() { Form.Create(); }

当我点击按钮时，我收到一条空消息，即使文本框包含文本。因此，我希望该函数能够实时获取文本框的内容，但我只是不知道这是如何完成的。

【问题讨论】：

如果在将点击附加到正文之前添加点击会怎样？我认为当前代码将点击绑定到包含元素的 var Button，而不是元素的选择器
工作正常：jsfiddle.net/ZaQNS
@Martijn：事件处理程序永远不会绑定到选择器。 var Button 保存元素，事件处理程序绑定到该元素。

标签： javascript button input textbox click

【解决方案1】：

您似乎正在附加另一个按钮

改变这一行：

document.body.appendChild(LoginButton);

通过这个：

document.body.appendChild(Button);

【讨论】：