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>

My你的问题是；在我提交输入后，此代码根本无法导航。

这是正确的做法吗？ : window.location = where.value + '.htm';

Answer 1

“哪里”没有任何意义。

为您的输入字段指定一个 id。

然后通过调用获取值：-（

$('#where').val()

假设您为元素指定了 where 的 id）

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;
}