如何通過不同的按鈕打開不同的URL？

Question

這是我的HTML和JavaScript代碼

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

如果在表格框輸入anytext並單擊提交按鈕，它會打開：http://example.com/anytext。

我想添加三個按鈕名爲page1page2和page3下的表格。如果我點擊按鈕page1並點擊提交按鈕，它將打開：http://example.com/page1/anytext

我該怎麼辦？

Answer 1

希望這對你的作品

<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

您可以簡單地使用select：

<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);" />