Два выпадающих списка для мобильного сайта

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. Я хотел бы получить полный пользовательский url http://www.domain2.com/custom-value/, если выбрано значение «2» из dropDown1 и значение «2» из dropDown2.

Благодарим за помощь.

Answer 1

1. Поиск jquery и попробуйте сами. Это действительно просто для того, чтобы понять. Вот documenation: http://api.jquery.com
2. Это будет несколько вариантов:
   • http://www.domain.com/value1/value2
   • http://www.domain.com?value1=[]&value2=[]
   • http://www.domain.com/value1value2 (Если у вас есть 20 вариантов на обоих падение падения, добавляют ноль чисел меньше, чем 10)
   • Мой личный фаворит был бы seccond.