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

我已经用php创建了一个html表单。使用class

timepicker

有一个交货时间

字段。我正在使用

jquery.timepicker.min.js

picker，可以根据需要平滑地选择值

但是，如果我将

onBlur=this.form.submit

设置为

，则会提交默认值，而不是所选值

如果我将设置为

onChange

而不是

onBlur

，则不会提交表单

如果我添加了一个提交按钮，并且没有使用

中的任何功能，则通过单击提交按钮提交正确的值

我是一个真正的Javascript初学者，非常感谢您的帮助

其他信息： 我已将您的答案中的代码添加到pickers脚本中，如下所示：

<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>

$（文档）.ready（函数（）{
var x=document.getElementById（“toimklo”）.value；
document.getElementById（“tklo”）.innerHTML=x；
$（'input.timepicker'）。timepicker（{
时间格式：“HH:mm”，
间隔时间:30,，
minTime:'09:00'，
maxTime:'18:00'，
默认时间：x，
开始时间：“09:00”，
动态：错误，
下拉列表：正确，
滚动条：false}）；
$（'tklo'）。在（'selectTime'，function（）{
$（'lomake'）.submit（）；}）；}）；

toimklo是php

，用于存储在数据库中的交付时间。 tklo是用于打开和包含选定值下拉列表的

。 lomake是我试图提交的表单的名称

---

我想我把代码添加到了错误的位置？

这个JQuery时间选择器在这里有一个

selectTime

事件

选择时间：从时间选择器中选择时间值后调用 列表更改前激发事件

选择时间后提交表单

---

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

此JQuery时间选择器在此处有一个

selectTime

事件

选择时间：从时间选择器中选择时间值后调用 列表更改前激发事件

选择时间后提交表单

---

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

欢迎使用Stack Overflow！你可以选择第一个，学习并创建一个例子。如果我们可以查看您的代码，我们将更容易帮助您。欢迎使用堆栈溢出！你可以选择第一个，学习并创建一个例子。如果我们可以查看您的代码，我们将更容易帮助您。我将上面的代码添加到选择器脚本中，如下所示：$（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（）；}）；}）；但什么也没发生。我猜它一定是在错误的位置？上面是index.php的顶部。@Hannerz您能将代码更新到您最初发布的问题中吗？这将帮助我更好地阅读。我将上面的代码添加到pickers脚本中，如下所示：$（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（）；}）；}），但什么也没发生。我想它一定是放错位置了？上面是index.php的顶部。@Hannerz你能把代码更新成你原来发布的问题吗，这会帮助我更好地阅读吗

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