Как отправить форму с выбранным значением из выпадающего списка onchange jquery.timepicker.min.js

Я создал HTML-форму, используя php. Есть время доставки <input> поле с использованием класса timepicker, я использую jquery.timepicker.min.js Выбор и значения могут быть выбраны плавно по желанию.

Однако, если я установлю onBlur=this.form.submit в <input>, значение по умолчанию передается вместо выбранного значения.

Если я установлю в <input> onChange вместо onBlur, форма не будет отправлена.

Если я добавлю кнопку отправки и не буду использовать какую-либо функцию в <input>, правильное значение отправляется нажатием кнопки отправки.

Я настоящий новичок в Javascript, и некоторая помощь будет высоко ценится.

ДОПОЛНИТЕЛЬНАЯ ИНФОРМАЦИЯ:
Я добавил код из вашего ответа в скрипт выбора следующим образом:

<script>
$(document).ready(function(){
var x = document.getElementById("toimklo").value;
document.getElementById("tklo").innerHTML = x;
$('input.timepicker').timepicker({
timeFormat: 'HH:mm',
interval: 30,
minTime: '09:00',
maxTime: '18:00',
defaultTime: x,
startTime: '09:00',
dynamic: false,
dropdown: true,
scrollbar: false });
$('tklo').on('selectTime', function() {
$('lomake').submit(); });    });
</script>

тоимкло это php <input> за время доставки хранится в базе данных.
ткло есть <input class="timepicker"> для открытия и содержит раскрывающийся список для выбранного значения.
lomake — это название формы, которую я пытаюсь отправить.

Я думаю, что я добавил код в неправильное место?