Question

147

javascript/jquery to change location.href

rated 0 times [ 153] [ 6] / answers: 1 / hits: 31315 / 11 Years ago, wed, march 6, 2013, 12:00:00

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.org/'+'/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.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

jaelyn

Add To Favorites

Follow

Total Points: 619

Total Questions: 102

Total Answers: 104

Location: Honduras

Member since Sun, Dec 26, 2021

2 Years ago

jaelyn questions

1 How to configure vue 3 router children properly to have nested routes working as expected?

Mon, Apr 11, 22, 00:00, 2 Years ago

1 The best way to pass authorization header in nextJs using Apollo client? ReferenceError: localStorage is not defined

Thu, Jul 23, 20, 00:00, 4 Years ago

1 React send multiple requests in a loop and wait

Tue, Apr 28, 20, 00:00, 4 Years ago

1 How can I change the checkbox styles and icons when hover on it in Material-UI React?

Thu, Mar 19, 20, 00:00, 4 Years ago

1 Node.js spawn: Keep StdOut and StdErr in the original order

Mon, Jul 15, 19, 00:00, 5 Years ago

View All

answered 11 Years ago jaquelineh · Accepted Answer

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.org/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.org/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