jQuery Переход от ввода текста на страницу (.htm)

Question

Вот что я пытаюсь сделать:

У меня есть несколько страниц на сайте (демонстрация в автономном режиме) Когда вы вводите «Контакт» в поле ввода и нажимаете «отправить», я хочу перейти на contact.htm.

Я нашел что-то похожее здесь (кредиты)

JQuery:

jQuery(function() {
    $(document).ready(function() {
        function goTo() {
            window.location = where.value + '.htm';
            return false;
        }
    });

HTML:

 <form action="" method="post" onsubmit="return goTo()">
    <input type="text" name="where" value="looking for"
    onfocus="if(this.value == this.defaultValue) this.value = '';
    "onblur="if(this.value == '') this.value = this.defaultValue;">
    <input type="submit" value="Go">
 </form>

Мой вопрос к вам; После отправки ввода этот код вообще не перемещается.

Это правильный способ сделать это? : window.location = where.value + '.htm';

Answer 1

'где' ничего не значит.

Дайте вашему полю ввода идентификатор.

Затем получите значение, вызвав: -

$('#where').val()

(Предполагая, чтоВы даете элементу идентификатор , где )

Answer 2

Измените свой HTML на это ->

<form action="" method="post" onsubmit="return goTo()">
  <input type="text" id="where" name="where" value="looking for" //added id attribute
  onfocus="if(this.value == this.defaultValue) this.value = '';"
  onblur="if(this.value == '') this.value = this.defaultValue;">
  <input type="submit" value="Go">
</form>

и ваш JavaScript к этому:

function goTo() {
    window.location = $('#where').val() + '.htm';
    return false;
}