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

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

form タグにアクションが指定されていないようです。type=submit2 番目の入力要素を からに変更してみませんか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 に答える