移動網站的兩個下拉列表

Question

我想創建兩個下拉列表表單，例如第一個具有“ Advice A”和“ Advice B”，第二個具有“ Advice 1”和“ Advice 2”

例如，訪問者將從第一個下拉列表中選擇“建議A”，並從第二個下拉列表中選擇“建議2”。

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

我已經有了以下代碼：

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

<select id="dropDown1">
<option value="1">1</option>
<option value="2">2</option>
</select>
<select id="dropDown2">
<option value="1">1</option>
<option value="2">2</option>
</select>  
<button onclick="getURL()">Run</button>

1. 我想使其與所有手機和平板電腦瀏覽器兼容。 我聽說我需要用Jquery編寫它。 代碼是什么？

2. 如果選擇了dropDown1的值“ 2”和dropDown2的值“ 2”，則需要完整的自定義網址http://www.domain2.com/custom-value/ 。

謝謝你的幫助。

Answer 1

1. 搜索jquery並自己嘗試。 理解起來真的很簡單。 這是文檔： http ://api.jquery.com
2. 這將是一些選擇：
   • http://www.domain.com/value1/value2
   • http://www.domain.com?value1= []＆value2 = []
   • http://www.domain.com/value1value2 （如果兩個下拉菜單中都有20個選項，請為小於10的數字添加零）
   • 我個人最喜歡的是第二名。