Question

我有一个表单，用户可以在事件中输入开始时间和结束时间（例如，格式为HH：mm，如16:45）。< / p>

<form action="time.php" method="POST">
    <input type="text" name="start" /></td>
    <input type="text" name="end" /></td>
    <input type="submit" name="submit" value="submit" />
</form>

我想自动提示结束时间的值，该值取决于作为开始时间输入的值。假设我想提示一个比开始时间晚100分钟的值（变量$endTime）。

我正在尝试使用jquery：

<script>
$(document).ready(function(){
    $('input[name="start"]').change(function() {
        $('input[name="end"]').val("<?php echo $endTime ;?>");
    });
});
</script>

上面脚本的问题是input[name="start"]应该存储为变量，以便相应地计算$ endTime。也许你有一条建议。

Answer 1

您可以使用jquery本身设置结束输入，而无需使用变量。

<script>
$(document).ready(function(){
    $('input[name="start"]').change(function() {
        $('input[name="end"]').val(computeEndTime($('input[name="start"]').val()));
    });
function computeEndTime(start){
    var hourstart = start.substr(0, start.indexOf(':'));
    var minutestart = start.substr(start.indexOf(":") + 1);
    var total = hourstart * 60 + minutestart + 100;

    var minutes = total%60;
    var hours = (total - minutes) / 60;
    return hours + ":" + minutes;
}
});
</script>

将表单输入传递给jQuery作为变量（以提示值）

1 个答案: