如何在不保存数据库的情况下输入菜单并显示数据?

时间:2016-10-16 20:45:57

标签: javascript php jquery ajax codeigniter

form image

我这里有一个表单输入菜单和数量(图中的黄线)。当我提交数据显示在表格上(图片中的红线)但未保存在数据库中时(仅显示)。然后我在底部有一个保存按钮(因为它被裁剪,还没有在图片上),它将存储我们之前输入的数据(显示在表格中)。

如何让菜单中的输入仅显示在表格中,但稍后(在按下保存数据后)被输入数据库?

我正在使用CodeIgniter,AJAX和jQuery。

3 个答案:

答案 0 :(得分:0)

您必须使用多种形式。

在第一个表单中单击“提交”按钮后,在第二个表单中传递您的值并显示它们,然后在单击“保存”后以第二个形式传递它们以保存到数据库中。

就像下面代码中提到的程序一样:

<html>
   <form action="yourfilepath.php" method="post">
       <input type="text" name="first_value">
       <input type="text" name="second_value">
       <input type="submit" value="Submit">
   </form>
   <form action="savedbfile.php" method="post">
       <input type="text" name="fst_value" value=" <?php 
        if(isset($_POST["first_value"]))
            echo  $_POST["first_value"]); 
        ?> " >
       <input type="text" name="sec_value" value=" <?php 
        if(isset($_POST["second_value"]))
            echo  $_POST["second_value"]); 
        ?> " >
       <input type="submit" value="save">
   </form>
</html>

答案 1 :(得分:0)

您可以使用jquery在表格中显示输入字段内容,这是一个示例https://jsfiddle.net/y2vmqL06/

$("input").on('keyup change', function(){
  if($(this).val() != ""){
    $("#container").text($(this).val());
  }else{
    $("#container").text("");
  }
});

在提交时,您可以使用php进行正常的数据库操作

答案 2 :(得分:0)

首先在临时表中添加数据。点击“保存”后,您可以将数据从临时表移动到永久表。