Question

我正在尝试在设置JavaScript变量的网页上设置一个文本输入框，但我似乎无法弄明白。 Google没有帮助，我在搜索中发现如何使用javascript设置输入框的文本，这与我需要的相反。

这就是我所拥有的：

window.onload = function() {

  document.getElementById('submitButton').onclick = function() {
        var searchterm;

        searchterm = "error";

    searchterm = document.getElementById("searchbox");

  };
};

我希望这段代码做什么：每当我点击“submitButton”时，使用ID“searchbox”输入框的内容，并将其用作变量“searchterm”，用新的代码重新运行我的所有代码变量

非常感谢任何帮助。

Answer 1

您需要从搜索框中获取value。尝试这样的事情：

document.getElementById('submitButton').onclick = function() {
    var searchterm = "error";
    searchterm = document.getElementById("searchbox").value;
};

如果您需要在onclick函数范围之外使用变量searchterm，只需将var searchterm声明移到该函数之外。

Answer 2

首先，如果你想使用searchterm，你必须将其移出功能范围。接下来只为其赋值：

searchterm = document.getElementById("searchbox").value;

所以最终的代码是：

var searchterm; //<-- if you want to make the variable accessible outside the function
window.onload = function() {

  document.getElementById('submitButton').onclick = function() {
        //var searchterm;

        searchterm = "error";

    searchterm = document.getElementById("searchbox").value;

  };
};

Answer 3

document.getElementById('submitButton').onclick = function() {
  window.searchterm = document.getElementById("searchbox").value;
}

我使用window对象将其指定为全局变量（实际上不建议这样做），因此您可以从代码中的任何位置访问它。

现在您可以像这样访问您的变量：

var something = window.searchterm;

如何使用HTML文本输入设置JavaScript变量？

3 个答案: