3

这是我的 HTML

        <form id="procurar-novo">
          <input type="text" name="procurar" placeholder="Pesquisar no Site" value="">
          <input id="procurar-submit" type="button" value="&rsaquo;">
        </form>

这是我的 jQuery

<script type="text/javascript">
  $(document).ready(function(){
    $('#procurar').submit(function(e) {
      e.preventDefault();
      //edited
      window.open = ('http://www.psicotropicus.org/'+'/busca'+encodeURIComponent($('#procurar-submit').val()), '_blank');
      return false;
    });
  });
</script>

想法是通过单击提交，javascript/jquery 将获取#procurar-submit 值并将其添加到 URL 并重定向用户。

_blank 仍然不起作用

提前致谢。

4

2 回答 2

2

使用带有第二个参数 _blank 的 window.open

window.open('url', '_blank');

也试试这个：

<script type="text/javascript">
  $(document).ready(function(){
    $('#procurar').submit(function(e) {
      e.preventDefault();
      //edited
      window.open = ('http://www.psicotropicus.org/'+'/busca'+encodeURIComponent($('#procurar-submit').val()), '_blank');
      return false;
    });
  });
</script>

最后编辑：

<script>
  $(document).ready(function(){
    $('form#procurar-novo').submit(function(e) {
      //e.preventDefault();
      //edited
      var url = 'http://www.psicotropicus.org'+'/busca'+ encodeURIComponent('&' + $('input[name=procurar]').val());
       window.open(url, '_blank');
      return false;
    });
  });
</script>

<form id="procurar-novo">
          <input type="text" name="procurar" placeholder="Pesquisar no Site" value="">
          <input id="submitsss" type="submit" value="&rsaquo;">
</form>

请考虑表单元素的名称和 ID :)

于 2013-03-06T19:45:48.440 回答
1

看起来您没有在表单标签上指定操作。为什么不将第二个输入元素从 更改type=submit为type=button。然后，您可以在该按钮上绑定一个单击事件，并完全控制接下来会发生什么。您不必担心会阻止默认提交操作。您可以执行以下操作：

$(document).ready(function(){
  $(document).on('click', '#procurar-submit', function() {
    window.location.href = 'http://www.psicotropicus.org/busca'+$('input[name="procurar"]').val();
  });
});

要在“_blank”上打开一个新窗口，您可以将代码更改为：

$(document).ready(function(){
  $(document).on('click', '#procurar-submit', function() {
    window.open('http://www.psicotropicus.org/busca'+$(input[name="procurar"]).val(), '_blank');
  });
});

但要小心弹出窗口拦截器

编辑 我更改了获取文本字段值的选择器。我可能会在该文本字段上添加一个类或 ID，以便可以将其与其他字段区分开来。看到这个小提琴

于 2013-03-06T19:54:14.160 回答