javascript - 从无法在JavaScript中使用的文本框获取值(value)

我想提醒文本框topValue的值，但是当调用solve（）时，确实出现了一个文本框，但是没有文本/值/数字

这是我的代码：

var topValue = document.getElementById('topValue').value

function solve() {
    alert(topValue);
}
$('#solveButton').click(function () {
    solve();
});

最佳答案

首先从DOM中获取文本框的值。但是，单击按钮时，将使用相同的缓存值。

这可以通过在函数中移动从DOM读取值的语句来解决。

function solve() {
    var topValue = document.getElementById('topValue').value
    alert(topValue);
}

注意

$('#solveButton').click(function () {
    solve();
});

也可以写成

$('#solveButton').click(solve);

但是，有更好的方法。



我建议您使用jQuery从文本框中获取值。

// When DOM is completely loaded
$(document).ready(function () {
    // On click of the `solveButton`
    $('#solveButton').click(function () {

        // Get the value of the `#topValue`
        var topValue = $('#topValue').val();

        // For debugging use `console.log` instead of `alert`
        console.log('topValue', topValue)
    });
});