Question

这就是我要做的事情：

我在网站上有一些页面（离线演示）当您在输入字段中键入“联系人”并单击“提交”时，我想要去联系.htm。

我找到了类似的here（信用）

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'并不意味着什么。

为您的输入字段添加ID。

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

$('#where').val()

（假设您为元素提供其中的ID）

Answer 2

将您的HTML更改为此 - ＆gt;

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

jQuery从文本输入导航到页面（.htm）

2 个答案: