在表单字段中输入文本，在提交时生成多个URL，并在新选项卡中打开链接

Question

I'm looking to input text that is then used to generate multiple URLs and open each of them in a different tab.

http://jsfiddle.net/Gv5bq/1/

    <input type="text" id="text" />
<input type="button" id="btn" value="Submit" onClick="javascript: window.open('http://www.mywebsite.com/print/' + document.getElementById('text').value);" />
<input type="button" id="btn" value="Submit" onClick="javascript: window.open('http://www.anywebsite.com/print/' + document.getElementById('text').value);" />

basically does what I need but just for one instead of multiple URLs.

For example: Input: hello123 On submit open a tab for each of the following URLs For example www.mywebsite.com/print/ hello123 / and www.anywebsite.net/q= hello123 &sort

Answer 1

You find a code example below

HTML

<input type="text" id="text" />
<input type="button" id="btn" value="Submit" onclick="openURLs(document.getElementById('text').value)"/>

JavaScript

function openURLs(url){
  var baseURLs = [`www.mywebsite.com/print/${url}/`, `www.anywebsite.net/q=${url}&sort`]

  baseURLs.forEach(function(u) {
    window.open(u);
  });

}

Answer 2

 function openURL(){ var txt = document.getElementById('text').value; var link1 = 'http://www.mywebsite.com/print/'+ txt; var link2 = 'http://www.anywebsite.com/q='+ txt + '&sort'; var i; for(i = 1; i < 3; i++){ if(i == 1) { window.open(link1, '_blank'); } else if (i==2) { //it will be execute after 5 seconds setTimeout(function(){ window.open(link2, '_blank'); }, 5000); } } } 

 <input type="text" id="text" /> <input value="Submit" type="button" onclick="openURL()"> 

I updated the fiddle check here . It will give you result as you want. For Eg: If you enter hello123 below respected url's will be open

1. http://www.mywebsite.com/print/hello123
2. http://www.anywebsite.com/q=hello123&sort

Answer 3

Please check Always Allow Pop-ups then use this code

<input type="text" id="text" />
<input type="button" id="btn" value="Submit" onClick="javascriptFun()" />
<script>
function javascriptFun(){
window.open('http://www.mywebsite.com/print/' + document.getElementById('text').value,'_blank');
window.open('http://www.mywebsite1.com/print/' + document.getElementById('text').value,'_blank');
window.open('http://www.mywebsite2.com/print/' + document.getElementById('text').value,'_blank');

}

</script>