在JavaScript中单击按钮时获取输入值

时间:2013-09-04 18:27:47

标签: javascript button input textbox click

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

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

当我点击按钮时,即使文本框包含文本,我也会收到一条空信息。所以,我希望函数能够实时获取文本框的内容,但我只是不知道这是怎么做的。

1 个答案:

答案 0 :(得分:-1)

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

更改此行

document.body.appendChild(LoginButton);

由此

document.body.appendChild(按钮);