2016-12-13 3 views
0

Я пытаюсь создать HTML-форму, которую на submit выполняет поиск Google с помощью JS.Почему мой 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 не прав, но он не перенаправляет на всех .. Я ставлю предупреждение (SearchText) в функции, и предупреждение показало, что не совсем уверен, что происходит.

+0

Синтаксис кажется прекрасным, поэтому я предлагаю попробовать 'document.location.href' вместо' window', может быть, некоторые из ваших JS-кода заменяют вон тот ? В противном случае вы должны показать нам URL-адрес, вызывающий проблемы, чтобы мы могли посмотреть на него. – Eduard

+0

При загрузке URL-адреса http://127.0.0.1:53841/, и как только я отправлю его, он просто отправляет форму http://127.0.0.1:53841/?search=test – jordanc

ответ

0

, поскольку страница обновляется при нажатии кнопки представить до excuting localtion.href линии изменения

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

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

yes! Спасибо! примет ваш ответ, когда он позволит мне .. – jordanc

2

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

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

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

в

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

Он будет работать.

+0

все еще просто отправляет форму к сожалению:/ – jordanc

+0

@jordanc это должно работать нормально ... – ASK

+1

Он не мог отправить, вы можете отправить свой измененный код? –

0

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

Смежные вопросы