Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/amazon-web-services/12.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 单击按钮时通过Id获取表单文本框的值_Html_Forms - Fatal编程技术网

Html 单击按钮时通过Id获取表单文本框的值

Html 单击按钮时通过Id获取表单文本框的值,html,forms,Html,Forms,我想单击一个按钮,让它转到一个链接,该链接将mypage.html与搜索框中输入的值连接起来,但它似乎无法将其识别为变量。如何获取文本框的值 <html> <form role="search" action="mypage.html/'#searchterm'"> <input type="text" placeholder="Search" id="searchterm"> <button type="sub

我想单击一个按钮,让它转到一个链接,该链接将
mypage.html
与搜索框中输入的值连接起来,但它似乎无法将其识别为变量。如何获取文本框的值

<html>
<form role="search" action="mypage.html/'#searchterm'">

          <input type="text"  placeholder="Search" id="searchterm">

        <button type="submit">Search</button>
 </form>
</html>

搜寻

这取决于您希望如何实现这一点,您可以直接使用PHP发送,也可以使用javascript和AJAX将其发送到PHP页面。正如您在小教程中看到的,您可以发送输入值。AJAX将避免在搜索数据时刷新页面,因此看起来会更好。这一切都取决于你想要实现什么


请注意,不能通过表单的¨action¨属性发送输入值。

这取决于您希望如何实现这一点,您可以直接使用PHP发送,也可以使用javascript和AJAX将其发送到PHP页面。正如您在小教程中看到的,您可以发送输入值。AJAX将避免在搜索数据时刷新页面,因此看起来会更好。这一切都取决于你想要实现什么


请考虑无法通过表单的–action–属性发送输入值。

将表单元素更改为:

<form role="search" id="myForm" action="mypage.html">

将表单元素更改为:

<form role="search" id="myForm" action="mypage.html">

多亏了所有提交答案的人,我终于想出了这个答案

<html>
<input type="text" id="myInput">
<button onclick="go()">Click me</button>
<script>
function go(value)
{

window.open("mypage.html/" + document.getElementById('myInput').value)

}
</script>

</html>

点击我
函数go(值)
{
window.open(“mypage.html/”+document.getElementById('myInput').value)
}

多亏了所有提交答案的人,我终于想出了这个答案

<html>
<input type="text" id="myInput">
<button onclick="go()">Click me</button>
<script>
function go(value)
{

window.open("mypage.html/" + document.getElementById('myInput').value)

}
</script>

</html>

点击我
函数go(值)
{
window.open(“mypage.html/”+document.getElementById('myInput').value)
}

如果设置form method=“get”,搜索词的值将自动作为searchtem='where'连接到url中。如果您想将页面重定向到其他地方,您需要使用JS。创建一个函数来处理表单并根据字段的值重定向URL。@sMatthewDarnell听起来很合理,但我真的不知道Javascrapt。你能发布一个答案吗?我用jQuery发布了一个答案。这是一个非常基本的函数,希望它能帮助您。如果您设置form method=“get”,搜索词的值将自动连接到url中,作为searchtem='where'。如果您想将页面重定向到其他地方,您需要使用JS。创建一个函数来处理表单并根据字段的值重定向URL。@sMatthewDarnell听起来很合理,但我真的不知道Javascrapt。你能发布一个答案吗?我用jQuery发布了一个答案。这是一个非常基本的函数,希望它能帮助你。