如何传递从 HTML 表单中选择的值？

Question

我有一个包含两个表单的 PHP 文件。具有一个文本框和三个下拉列表作为过滤器的 Form1（中级）。一旦我点击 Form1 中的提交按钮，这些值就会被 POST 到另一个 PHP 文件进行计算，并显示 Form2(ProductionForm)（到目前为止它是隐藏的）。

我已经用 jQuery 完成了这个，这里是代码 sn-p:

  <script type="text/javascript">
$(document).ready(function(){
    $("#intermediate").submit(function() {
    /* AJAX calls and insertion into #productionForm */

        $.post("../c/ProductionSummaryFormCalculation.php", {
        Date: $('#datepicker').val(),
        ShiftId: $('#selectShift :selected').val(),
        Machine: $('#selectMachine :selected').val(),
        User: $('#selectUser :selected').val(),
    });

        $("#datepicker").prop("disabled", true);
        $("#selectShift").prop("disabled", true);
        $("#selectMachine").prop("disabled", true);
        $("#selectUser").prop("disabled", true);
    $("#productionForm").show();
        return false;
    });
});

我想要从 ProductionSummaryFormCalculation.php 文件计算的值并加载到 Form2 的文本框中。

当我在下面的代码中使用它时它不起作用：

    <input id="start_time_text" class="start_time_text" type="text" name="start_time_text" value="<?php echo $start_time; ?>">

另外，当我点击 Form2 中的提交按钮时，我想通过 POST 方法将从 Form1 和 Form2 中选择的值发送到另一个 PHP 文件。

    $("#productionForm").submit(function() {
    /* AJAX calls and insertion into #productionForm */
        $.post("../c/ProductionSummaryForm2.php", {
        start_time: $('#start_time_text').val(),
        end_time: $('#end_time_text').val(),
        remarks: $('#Remarks').val()
    });
});

我怎样才能做到这一点；有人可以帮我吗？

Answer 1

当您执行 $.post 时，您还可以放置一个在提交成功时执行的函数。 http://api.jquery.com/jQuery.post/
提交第一个表单后，获取 php 文件以返回给您任何您想要的内容并将其添加到所需的文本区域。

如果这是一个简单的两步表单，您不必将第一个表单发送到文件并返回结果。只需创建一个包含两个 div 的表单，在第一次提交时隐藏 1 个 div 显示另一个 div 并将它们一起提交。