JavaScript/JQuery изменить location.href

Question

Это мой 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> 

ideai что, нажав на отправки, JavaScript/JQuery будет получить # procurar-submit значение и добавить его в URL-адрес и перенаправить пользователя.

_blank до сих пор не работает

Спасибо заранее.

Answer 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'); 
    }); 
}); 

Но будьте осторожны с блокировщики всплывающих окон

EDIT Я изменил селектор, который получает значение текстового поля. Я мог бы добавить класс или идентификатор в это текстовое поле, чтобы его можно было отличить от других. См. Это fiddle

Answer 2

Использование window.open со вторым параметром _blank

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> 

Пожалуйста, обратите внимание имена и идентификаторы элементов формы)