移动网站的两个下拉列表

Question

我想创建两个下拉列表表单，例如第一个将有“建议A”和“建议B”，第二个将有“建议1”和“建议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的数字添加零）
   • 我个人最喜欢的是第二个。