如何在单击按钮时将HTML文本框的值（内容）传递给javascript函数？

Question

我有一个java脚本函数

function findInthePage(str)
{
// code
}

如何将HTML文本框的内容传递给上述函数？ 我的按钮点击代码是

<input id="Text1" type="text" name="tb1" />
<input id="Button1" type="button" value="button" onclick="findInthePage(text1.value);" />

Answer 1

试试这个：

var text = document.getElementById('Text1').value

Answer 2

value属性与Form元素一起使用，它获取或设置表单字段的值。

• 要将“getElementById（'id'）”与表单元素一起使用，它们必须已分配“id”。 这是一个简单的示例，显示带有文本框中文本的Alert。

  function test7（）{ var val7 = document.getElementById（“ex7”）。value; 警报（val7）; } HTML

  // input type =“text”id =“ex7”

  // input type =“button”value =“点击”onclick =“test7（）”

Answer 3

你可以这样做：

var textBox = document.getElementById("Text1");
findInthePage(textBox.value);

Answer 4

尝试：

<input id="Button1" type="button" value="button" onClick="findInthePage(document.getElementById('Text1').value)" />

Answer 5

您可以直接从以下功能访问输入：

function findInthePage()
{
// code

var input = document.getElementById('Button1').value;


}

如果你想要自己的方式：

<input id="Text1" type="text" name="tb1" />
<input id="Button1" type="button" value="button" onclick="findInthePage(document.getElementById('Button1').value);" />

Answer 6

试试这个

var value = null;
document.getElementById("Button1").onclick = function(){
    value = document.getElementById("Text1").value;
};

Answer 7

<input id="txtbox" type="text" name="tb1" />
<input id="Button1" type="button" value="button" onclick="clickme();"/>

script
function clickme() {
    var aa = document.getElementById("txtbox").value;
    alert(aa);

}