window.location - javascriptjquery to change location.href - Stack Overflow

admin管理员组

文章数量:1353618

This is my HTML

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

And this is my jQuery

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

The ideai is that by clicking on submit, the javascript/jquery will get the #procurar-submit value and add it on the URL and redirect the user.

The _blank still not works

Thanks in advance.

This is my HTML

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

And this is my jQuery

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

The ideai is that by clicking on submit, the javascript/jquery will get the #procurar-submit value and add it on the URL and redirect the user.

The _blank still not works

Thanks in advance.

• javascript
• window.location
• submit-button

Share Improve this question Follow edited Mar 6, 2013 at 22:42 Rafael asked Mar 6, 2013 at 19:41 RafaelRafael 3511 gold badge11 silver badge66 bronze badges 5

• Sooooo, what is the problem? – Brad M Commented Mar 6, 2013 at 19:43
• It doesn't work the way I coded. – Rafael Commented Mar 6, 2013 at 19:45
• 1 why not just submit the form as a normal GET? – Evan Davis Commented Mar 6, 2013 at 19:50
• 1 How about: <form action="http://psicotropicus" method="GET">? – zzzzBov Commented Mar 6, 2013 at 20:02
• I got redirected to psicotropicus/?procurar=aaa and in the same window. I should be redirected to psicotropicus/busca/aaa – Rafael Commented Mar 6, 2013 at 20:12

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 2

Use window.open with second parameter _blank

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

Try this also:

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

Last edit:

<script>
  $(document).ready(function(){
    $('form#procurar-novo').submit(function(e) {
      //e.preventDefault();
      //edited
      var url = 'http://www.psicotropicus'+'/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>

Please consider names and ids of the form elements :)

Looks like you don't have an action specified on your form tag. Why not just change the second input element from type=submit to type=button. Then you can bind a click event on that button and have full control of what happens next. You don't have to worry about preventing a default submit action. You could do the following:

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

To open a new window like on a '_blank' you could change the code to be:

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

But be careful with pop-up blockers

EDIT I changed the selector that gets the value of the text field. I would maybe add a class or id on that text field so it can be identified apart from others. See this fiddle

本文标签： windowlocationjavascriptjquery to change locationhrefStack Overflow