Enter Ride Details

");
$('#' + $inputId)
.css('position', 'absolute')
.css('width', $selectWidth - 30)
// .css('left', -$selectWidth )
// .css('left', '5px')
.css('top', '4px')
.css('border', '0px none')
.css('background-image', 'none')
.css('background-color', 'transparent');

$('#' + $inputId).attr('required', 'required');
$('#' + $inputId).attr('data-parsely-required-message', 'This field must be filled');
}
})(jQuery);

$(document).ready(function() {
// Generate the input box
$("#powermail_field_name").makeComboBox();
// Pick up various bits and pieces
var $input = $('#powermail_field_name_input');
var $select = $('#powermail_field_name');
var $option1 = $('#powermail_field_name option:first-child');
var $optionSel = $select.find('option:selected');
var $backgroundColor = $select.css('background-color');

if (!$option1.is($optionSel)){
// Name selected from list at start - presumably a second insertion
// Put selected value in the input box
$input.val($select.val());
$input.css('background-color', $backgroundColor)
}

$select.change(function(){
// When the selected value changes set it in the input box
$input.val($select.val());
})

$input.on('click', function(){
// When the input box is clicked, select it
$(this).css('background-color', $backgroundColor).select();
$(this).select();
})

$input.css('z-index', 10)
// .css('background-color', 'blue')
.css('transform', 'translate3d(0,0,100px)')
.css('-webkit-transform', 'translate3d(0,0,100px)');
//
})

//-->