如何使用onchange jquery.timepicker.min.js下拉列表中的选定值提交表单

Question

我用php创建了一个html表单。 使用类timepicker有一个传递时间<input>字段。 我正在使用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>

toimklo是php <input>用于存储在数据库中的交付时间。 tklo是<input class="timepicker">用于打开并包含所选值的下拉列表。 lomake是我尝试提交的表单的名称。

我想我已将代码添加到错误的位置？

Answer 1

这个JQuery Timepicker在这里有一个selectTime事件， https：//github.com/jonthornton/jquery-timepicker#events

selectTime ：从timepicker列表中选择时间值后调用。 在更改事件之前触发

$('#myTimePickerField').on('selectTime', function() {
    $('#myForm').submit();
});

选择时间后提交表格

如果您使用的是类似的软件包，请查看文档中的类似事件。