Кнопка / раскрывающийся список открыть в новом окне - PullRequest
0 голосов
/ 26 мая 2020

Итак, у меня есть небольшой сайт, который я сделал, и на нем есть несколько раскрывающихся вариантов, которые может использовать наша компания. Я пытаюсь получить кнопки «Go», которые я создал, чтобы открывать ссылки из раскрывающегося списка на новой вкладке, чтобы вы не потеряли страницу, потому что в настоящее время она открывает ссылку на той же вкладке, что и справка страница. Я вставлю образец ниже, и, если мне удастся получить помощь, это будет

<select id="Polynesian">
  <option value="#">Choose a CMTS</option>
  <option value="http://MYURL1/">Pond</option>
  <option value="http://MYURL2/">Beach</option>
</select>
<button id="go" onclick="gotosite()">Go</button>

А вот моя кнопка js, которую я создал для каждой кнопки.

function gotosite() {
  window.location = document.getElementById("GulfPlace").value; // JQuery:  $("#GulfPlace").val();
  window.location = document.getElementById("Polynesian").value; // JQuery:  $("#Polynesian").val();
  window.location = document.getElementById("GrandCaribbean").value; // JQuery:  $("#GrandCaribbean").val();
  window.location = document.getElementById("DunesOfSeagrove").value; // JQuery:  $("#DunesOfSeagrove").val();
  window.location = document.getElementById("PinnaclePort").value; // JQuery:  $("#PinnaclePort").val();
}

1 Ответ

0 голосов
/ 26 мая 2020

Вы можете использовать window.open() с опцией _blank для открытия в новой вкладке

 function gotosite() {
  window.open(document.getElementById("GulfPlace").value,'_blank'); // JQuery:  $("#GulfPlace").val();
  window.open(document.getElementById("Polynesian").value,'_blank'); // JQuery:  $("#Polynesian").val();
  window.open(document.getElementById("GrandCaribbean").value,'_blank'); // JQuery:  $("#GrandCaribbean").val();
  window.open(document.getElementById("DunesOfSeagrove").value,'_blank'); // JQuery:  $("#DunesOfSeagrove").val();
  window.open(document.getElementById("PinnaclePort").value,'_blank'); // JQuery:  $("#PinnaclePort").val();
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...