Question

试图在窗口中打开搜索结果（输入并单击）它看起来像代码正在做我想要它做的事情，除了访问实际的搜索网址，任何帮助都非常感谢。

该网站也是开发者，所以如果您输入搜索字词，您可以看到我的意思。 http://staging.asla.org/2014awards/index.html

代码：

 <script type="text/javascript">
    $(document).ready(function() {
      $('form[role="search"]').submit(function() {
        var url = "http://asla.org/awardssearch.html";
        url += "?s=" + $('#GoogleCSE').val();
        window.location = url;
      });
   });
 </script>

 <form class="navbar-form navbar-right" role="search">
      <div class="search">
        <input id="GoogleCSE" type="text" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" value="Search All Awards" name="Search All Awards" />
        <input id="submit" type="submit" value="Search" />
      </div>
 </form>

Answer 1

设置location不起作用，因为浏览器已经开始发布表单。浏览器将转到表单中action属性中指定的页面，如果没有，它将使用当前页面。

使用preventDefault方法停止发布表单：

$('form[role="search"]').submit(function(e) {
  e.preventDefault();
  ...

Answer 2

引起的问题是因为您正在尝试显示占位符文本的焦点和onblir事件，将输入文本更改为

      <input id="GoogleCSE" type="text" placeholder="Search All Awards"/>

它应该有用。

使用窗口位置传递var url

2 个答案: