Wie öffne ich verschiedene URLs mit verschiedenen Tasten?

Question

Das ist mein HTML und JavaScript-Code

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

Wenn Sie Eingabe anytext in das Feld ein und klicken Sie auf die Schaltfläche Senden , es öffnet: http://example.com/anytext.

Ich möchte drei Schaltflächen mit den Namen page1page2 und page3 unter dem Formular hinzufügen. Wenn ich auf die Schaltfläche page1 klicke und auf Senden klicke, öffnet sich: http://example.com/page1/anytext

Wie kann ich das tun?

Answer 1

Hoffnung das funktioniert für Sie

<input id="text" type="text" name="text"> 
<input type="button" name="page1" onclick="javascript:window.open('http://example.com/' + this.name + '/' + document.getElementById('text').value)" value="page1"> 
<input type="button" name="page2" onclick="javascript:window.open('http://example.com/' + this.name + '/' + document.getElementById('text').value)" value="page2"> 
<input type="button" name="page3" onclick="javascript:window.open('http://example.com/' + this.name + '/' + document.getElementById('text').value)" value="page3"> 

Answer 2

Sie einfach select verwenden können:

<input type="text" id="text" /> 
 

 
<select id="page" size="1"> 
 
    <option value="page1">Page 1</option> 
 
    <option value="page2">Page 2</option> 
 
    <option value="page3">Page 3</option> 
 
</select> 
 

 
<input type="button" id="btn" value="Submit" onClick="javascript: alert('http://example.com/' + 
 
document.getElementById('page').options[document.getElementById('page').selectedIndex].value + '/' + document.getElementById('text').value);" />