Resolve problem with form submission
The problem was simple... an error in selector, and need to ensure only one <option> is selected at any one time,
by alano
HTML
<fieldset>
<div class="type-text">
<label for="date_from">Date1:</label>
<input type="text" size="20" id="date_from" name="rent-a-car[date_from]" value="" readonly="readonly" />
</div>
<div class="type-select">
<label for="time_from_hour">Hour1: </label>
<select id="time_from_hour" name="rent-a-car[time_from_hour]" class="select">
<option value="">---</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>
<span> : </span>
<label for="time_from_minute" style="display: none;">minute1: </label>
<select id="time_from_minute" name="rent-a-car[time_from_minute]" class="select">
<option value="">---</option>
<option value="00">00</option>
<option value="15">15</option>
<option value="30">30</option>
<option value="45">45</option>
</select>
</div>
<div class="type-select">
<label for="get_car">City1:</label>
<select id="get_car" name="rent-a-car[get_car]" class="select">
<option value="">---</option>
<option value="Katowice">Katowice</option>
<option value="Kraków">Kraków</option>
<option...
JavaScript
$(function() {
$( "#date_from, #date_to" ).datepicker({
defaultDate: "+1d",
minDate: "+1d",
changeMonth: true,
changeYear: true,
dateFormat: "dd/mm/yy",
monthNamesShort: ["Sty","Lut","Mar","Kwi","Maj","Cze","Lip","Sie","Wrz","Paz","Lis","Gru"],
dayNamesMin: ["Nie", "Pon", "Wt", "Śr", "Czw", "Pt", "Sob"],
numberOfMonths: 1,
onSelect: function( selectedDate ) {
if(this.id == 'date_from'){
var dateMin = $('#date_from').datepicker("getDate");
var dateMax = $('#date_to').datepicker('getDate');
var rent_date_from = new Date(dateMin.getFullYear(), dateMin.getMonth(),dateMin.getDate() + 1);
var rent_date_to = new Date(dateMin.getFullYear(), dateMin.getMonth(),dateMin.getDate() + 29);
$('#date_to').datepicker("option","minDate",rent_date_from);
$('#date_to').datepicker("option","maxDate",rent_date_to);
}
compute(); //Add compute
}
});
$.viewMap_get = {
'0' : $([]),
'Katowice' : $('#c1a, #c1b, #c6, #c7'),
'Kraków' : $('#c2a, #c2b, #c6, #c7'),
'Warszawa' : $('#c3a, #c3b, #c6, #c7'),
'Wrocław' : $('#c4a, #c4b, #c6, #c7'),
'Gdańsk' : $('#c5a, #c5b, #c6, #c7'),
};
$.each($.viewMap_get, function() { this.hide(); });
$('#get_city_district').hide();
$('#get_car').on('change', function() {
// hide all
$.each($.viewMap_get, function() { this.hide(); });
$('#get_city_district').hide();
// show current
$.viewMap_get[$(this).val()].show();
$('#get_city_district').show();
var id = $.viewMap_get[$(this).val()].attr("id");
$('#'+id).attr('selected', 'selected');
});
$.viewMap_return = {
'0' : $([]),
'Katowice' : $('#d1a, #d1b, #d7'),
'Kraków' : $('#d2a, #d2b, #d7'),
'Warszawa' : $('#d3a, #d3b,...