Я пытаюсь создать HTML-форму, которая при отправке выполняет поиск в Google с помощью 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/";
}

URL-адрес Google неправильный, но он вообще не перенаправляет. Я включил в функцию alert (searchText), и предупреждение показывалось, поэтому я не совсем уверен, что происходит.

0
jordanc 13 Дек 2016 в 12:06

3 ответа

Лучший ответ

Потому что страница обновляется, когда вы нажимаете кнопку отправки перед выполнением строки localtion.href

Попробуйте изменить свой код, как показано ниже

<form name="form" onsubmit="return false">
....
</form>
0
Chase 13 Дек 2016 в 09:16

Если вы используете тип кнопки как «отправить», он отправит вашу форму.

Таким образом, вы можете изменить свою кнопку с

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

Кому

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

Это будет работать.

2
t13n 13 Дек 2016 в 09:12

Ваша форма отправлена, что может быть проблемой. Измените type="submit" на type="button", чтобы при нажатии этой кнопки форма не отправлялась.

0
Rajshekar Reddy 13 Дек 2016 в 09:13