兩個下拉列表表單獲得一個網址

Question

我想創建兩個下拉列表表單，例如第一個將有「建議A」和「建議B」，第二個將有「建議1」和「建議2「

例如，訪客會從第一個下拉列表中選擇」建議A「，從第二個下拉列表中選擇」建議2「。

點擊提交按鈕後，他將被重定向到http://www.domain.com/advice-a/advice-2/

我怎麼能這樣做？我只找到了列表1的示例代碼，它將修改Google上的列表2，這對我沒有幫助。

Answer 1

下面是一個示例，您可以輕鬆編輯它以使用您的特定選項。

http://jsfiddle.net/joshlankford/ysx0js3c/

var getURL = function(){ 
 
    var option1 = document.getElementById('dropDown1').value; 
 
    var option2 = document.getElementById('dropDown2').value; 
 
    var URL = 'http://www.domain.com/' + option1 + '/' + option2; 
 
    alert(URL); 
 
}

<select id="dropDown1"> 
 
    <option value="1">1</option> 
 
    <option value="2">2</option> 
 
    <option value="3">3</option> 
 
    <option value="4">4</option> 
 
</select> 
 

 
<select id="dropDown2"> 
 
    <option value="1">1</option> 
 
    <option value="2">2</option> 
 
    <option value="3">3</option> 
 
    <option value="4">4</option> 
 
</select> 
 

 
<button onclick="getURL()">Run</button>

Answer 2

爲此，您可以使用Java腳本或jQuery的。 點擊提交調用java腳本方法。

function submitForm() { 
    var valA = document.getElementById("listA").value; 
    var val1 = document.getElementById("list1").value; 
    document.getElementById("formId").action=valA+"/"+val1; // change this according to context root requirement. 
    document.getElementById("formId").submit(); 
}