Открытие новой вкладки с использованием datalist - PullRequest
Новая
       23

Открытие новой вкладки с использованием datalist

0 голосов
/ 23 января 2019

Я пытаюсь создать ссылку из списка данных, которая будет открываться в новой вкладке или окне нажатием другой кнопки Перейти.

Я видел похожий сценарий, но он применим только для Select: 

<select name="choice" id="choice">
    <option value="http://publish.samsungsimulator.com/simulator/1fca0505-cf2e-4f42-ac96-e1cf1ed7b65a/">Samsung Galaxy S9</option>
    <option value="http://publish.samsungsimulator.com/simulator/5279d684-ff3f-4aae-97a6-ecf8e79015d9/">Samsung Galaxy S9+</option>
    <option value="http://publish.samsungsimulator.com/simulator/2c80206c-042a-4e90-9594-6bd72a8bd3bf/">Samsung Galaxy Note 9</option>
</select>
    <input type="button" name="go_button" id= "go_button" value="Go"   onclick="go_to_the_link()"/>
<script>
function go_to_the_link(){
    var element = document.getElementById("choice");
    var link = element.value;
    myWindow = window.open(link,"_blank");
}
</script>

Можно ли применить это в списке данных, используя другой JavaScript?

Спасибо

1 Ответ

0 голосов
/ 23 января 2019

Чтобы открыть ссылку в новой вкладке, вы можете использовать эту функцию. Примечание: он работает только после взаимодействия (например, щелчка), а не при загрузке страницы 

cons samsungSelect = document.getElementById('choice')

function openLinkInNewTag() {
  let aTag = document.createElement("a")
  aTag.href = samsungSelect.value
  aTag.target = "_blank"
  document.body.appendChild(aTag)
  aTag.click()
  document.body.removeChild(aTag)
}

Демо: https://codepen.io/quic5/pen/zexLMd

...