Javascript Form Открыть URL в новой вкладке

Question

У меня есть фрагмент кода, по которому я получаю помощь, и я столкнулся с чем-то, что мне кажется неудобным.Когда я нажимаю кнопку «Перейти», она удаляется от текущей вкладки.Я хочу, чтобы полученный URL-адрес из формы открывался на новой вкладке.кроме того, я не могу нажать клавишу ввода, потому что она просто загрузит всю форму в новом окне.Как исправить проблему с использованием ключа ввода и получить форму для открытия URL-адреса в новой вкладке.Функция формы заключается в открытии нового URL, который содержит информацию, которую я ищу.Вот мой код:

<script type="text/javascript">
function setSearchTermSN(n){
   var SN_VALUE = encodeURIComponent(document.getElementById("sn").value);
   location.href = "http://URL to site.com/perl/search?searchtype=sn&type=2&uid=" + SN_VALUE + "&visualtype=html%2Fen&tabset=person";
 }
</script>

<form target="_blank">
Last Name: <input id="sn" type="text" value="" />
<input type="button" value="Go" onclick="setSearchTermSN()" />
</form>

Идея состоит в том, чтобы ввести фамилию, такую ​​как Джонс, в поле ввода.Нажмите go, и форма заменит " + SN_VALUE + " на Jones и загрузит URL-адрес следующим образом:

http://URL to site.com/perl/search?searchtype=sn&type=2&uid=Jones&visualtype=html%2Fen&tabset=person

форма в настоящее время выполняет подстановку, но она отклоняется от поискакоробка, которая побеждает цель иметь это.Я пробовал <form target="_blank">, но он все еще открывает URL на той же странице.

Кредит за приведенный выше код переходит на https://stackoverflow.com/users/904428/david

Answer 1

window.location имеет дело только с текущим документом.Вам нужно использовать window.open

Пропущена другая часть о клавише ввода.Вам нужен onkeyup прослушиватель событий и проверьте код клавиши события для ключа возврата, а затем выполните ту же функцию, что и щелчок.

Answer 2

function setSearchTermSN(n){
   var SN_VALUE = encodeURIComponent(document.getElementById("sn").value);
  var newwindow = window.open("http://URL to site.com/perl/search?searchtype=sn&type=2&uid=" + SN_VALUE + "&visualtype=html%2Fen&tabset=person",'name');
   return false;
 }