Question

我试图制作一个HTML表单，在提交时使用JS进行谷歌搜索。

这是HTML：

<form name="form">
    <input type="text" name="search" id="searchBox" onkeyup="changeLogo()" autofocus>
    <input type="submit" id="button" value="Submit" onclick="googleSearch()">
</form>

JS功能：

function googleSearch() {
    var searchText = document.getElementById("searchBox").value;
    window.location.href = "http://google.com/";
}

谷歌网址不对，但它根本没有重定向。我把警报（searchText）放在函数中，警报显示出来，所以不确定发生了什么。< / p>

Answer 1

如果您使用按钮类型＆＃39;提交＆＃39;，它将提交您的表单。

因此您可以从

更改按钮

<input type="submit" id="button" value="Submit" onclick="googleSearch()">`

到

<input type="button" id="button" value="Submit" onclick="googleSearch()">

它会起作用。

Answer 2

因为在您点击localtion.href行

之前单击提交按钮时页面会刷新

尝试使用下面的代码进行更改

<form name="form" onsubmit="return false">
....
</form>

Answer 3

您的表单已提交，可能是问题所在。将type="submit"更改为type="button"这将确保单击此按钮时未提交表单

为什么我的JS没有重定向网页？

3 个答案: