выпадающее меню для передачи двух строк запроса

Question

Я пытаюсь сделать форму с двумя разными строками запроса. До сих пор я могу сделать каждое раскрывающееся меню за один раз передачей одной строки с помощью onChange.

Есть ли способ, чтобы кнопка отправки передавала обе переменные одновременно? Как onSubmit, и страница идет на «www.address.com/cal?event=var1 & date = var2» спасибо!

Мой код до сих пор:

<form name="eventSearch" method="get"> 
 
    <select id="event" onchange="location = this.options[this.selectedIndex].value;"> 
 
    <option value="">all events</option> 
 
    <option value="http://www.whateverwebsite.com/cal/month?event=event1">event1</option> 
 
    <option value="http://www.whateverwebsite.com/cal/month?event=event2">event2</option> 
 
    <option value="http://www.whateverwebsite.com/cal/month?event=event3">event3</option> 
 
    </select> 
 
    <br> 
 
    <select id="month" onchange="location = this.options[this.selectedIndex].value;"> 
 
    <option value="">Current Month</option> 
 
    <option value="http://www.whateverwebsite.com/cal/month?date=2014-09">September 2014</option> 
 
    <option value="http://www.whateverwebsite.com/cal/month?date=2014-10">October 2014</option> 
 
    <option value="http://www.whateverwebsite.com/cal/month?date=2014-11">November 2014</option> 
 
    <option value="http://www.whateverwebsite.com/cal/month?date=2014-12">December 2015</option> 
 
    <option value="http://www.whateverwebsite.com/cal/month?date=2015-01">January 2015</option> 
 
    <option value="http://www.whateverwebsite.com/cal/month?date=2015-02">February 2015</option> 
 
    </select>

Answer 1

Используйте select элементы, как они были предназначены, чтобы передать значения в части представления форме в:

<form name="eventSearch" method="get" action="http://www.whateverwebsite.com/cal/month"> 
    <select name="event" id="event" onchange="this.form.submit();"> 
    <option value="">all events</option> 
    <option value="event1">event1</option> 
    <option value="event2">event2</option> 
    <option value="event3">event3</option> 
    </select> 
    <br> 
    <select name="date" id="month" onchange="this.form.submit();"> 
    <option value="">Current Month</option> 
    <option value="2014-09">September 2014</option> 
    <option value="2014-10">October 2014</option> 
    <option value="2014-11">November 2014</option> 
    <option value="2014-12">December 2015</option> 
    <option value="2015-01">January 2015</option> 
    <option value="2015-02">February 2015</option> 
    </select> 
</form> 

Answer 2

Если я понять, чего вы пытаетесь достичь: т.е. получить два разных значения на один и тот же URL-адрес. Вы можете использовать Javascript для публикации/получения результата, т.е.

<button type="button" id="submit" >submit</button> 

$('#submit').click(function(){ 
    var event = $('#event').val(); 
    var date = $('#month').val(); 
    $.get("http://www.whateverwebsite.com/cal/month?event=" + event + "?date=" + date,function(response){ 
      response = JSON.parse(response); 
      //do anything with response 
    }); 

});