Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何通过单击按钮将HTML文本框的值(内容)传递给javascript函数?_Javascript_Html - Fatal编程技术网

如何通过单击按钮将HTML文本框的值(内容)传递给javascript函数?

如何通过单击按钮将HTML文本框的值(内容)传递给javascript函数?,javascript,html,Javascript,Html,我有一个java脚本函数 function findInthePage(str) { // code } 如何将HTML文本框的内容传递给上述函数? 我的按钮点击代码是 <input id="Text1" type="text" name="tb1" /> <input id="Button1" type="button" value="button" onclick="findInthePage(text1.value);" /> 试试这个: var text =

我有一个java脚本函数

function findInthePage(str)
{
// code
}
如何将HTML文本框的内容传递给上述函数? 我的按钮点击代码是

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

试试这个:

var text = document.getElementById('Text1').value
你可以做:

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


您可以通过以下功能直接访问输入:

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);" />

试试这个

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

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

  • 要对表单元素使用“getElementById('id'),它们必须分配一个“id”。 下面是一个简单的示例,其中显示了一个警报,文本写入文本框中

    函数test7(){ var val7=document.getElementById(“ex7”).value; 警报(val7); } html

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

    //输入type=“button”value=“单击”onclick=“test7()”


剧本
函数clickme(){
var aa=document.getElementById(“txtbox”).value;
警报(aa);
}

从函数内部获取值更安全(更容易),因为您不需要担心值中是否存在引号等。他想要的是文本输入的文本,而不是按钮。
var value = null;
document.getElementById("Button1").onclick = function(){
    value = document.getElementById("Text1").value;
};
<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);

}