Question

我使用php创建了一个html表单。使用班级<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>

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

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

Answer 1

此JQuery Timepicker此处有selectTime个事件，https://github.com/jonthornton/jquery-timepicker#events

selectTime ：从时间戳选择时间值后调用名单。在更改事件之前触发

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

选择时间后提交表格

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

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

1 个答案: