Javascript 移动站点的两个下拉列表

我想创建两个下拉列表表单，例如第一个有“建议A”和“建议B”，第二个有“建议1”和“建议2”

例如，访问者会从第一个下拉列表中选择“建议a”，从第二个下拉列表中选择“建议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>

var getURL=function（）{
var option1=document.getElementById（'dropDown1'）。值；
var option2=document.getElementById（'dropDown2'）。值；
var URL='1〕http://www.domain.com/“+选项1+”/“+选项2；
location.href=（URL）；}
1.
2.
1.
2.
跑

我想让它与所有手机和平板电脑浏览器兼容。我听说我需要用Jquery编写它。密码是什么

如果选择了dropDown1中的值“2”和dropDown2中的值“2”，我想要一个完整的自定义url

谢谢你的帮助

搜索jquery并自己尝试。理解它真的很简单。以下是文件：

这将是一些选择：

• （如果两个下拉列表上都有20个选项，则在小于10的数字上添加一个零）
• 我个人最喜欢的是Second