如何在单击按钮时将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”。 这是一个简单的示例，显示带有在文本框中编写的文本的警报。

  函数test7（）{var val7 = document.getElementById（“ ex7”）。value; alert（val7）; } HTML

  //输入type =“ text” id =“ ex7”

  //输入type =“ button” value =“ Click” 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);

}