Question

我有以下程序用于表单数据。我有文本框来输入值。在我点击“提交”后输入的内容之后它应该显示下面的输入值，文本框应该重置。我可以输入另一组输入并可以提交。它应显示在前一个下方。现在，这是我面临的实际问题。有一个保存按钮。当我点击它时，表格输入应该使用PHP保存到我的电脑中..但它不起作用。它不是保存文件，而是在下面添加另一行..

下面是我的html和PHP代码。请帮忙..！

HTML

new ImageIcon(this.getClass().getResource(Integer.toString(x) + ".png"))

PHP

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Form download</title>
<script type="text/javascript" src="jquery-2.1.4.js"></script>
<style>
.results {
    width: 600px;
    margin-top: 30px;
    text-align: center;
    border: 1px solid #999;
}
</style>
</head>
<body>
<form name="form"  method="POST" action="excel.php" > 
  <table>
    <tr>
      <td style="text-align:left">Option 1</td>
      <td><input type="text" id="text" name="option1" size="20"></td>

      <td style="text-align:left">Option 2</td>
      <td><input type="text" id="text" name="option2" size="20"></td>
     </tr>

      </table>
  <br/>
  <input type="submit" value="save" >
  <div class="buttonHolder">
 <input type="submit" name="submit" value="submit" onClick="insertData()" id="btn_s" />
        <input value="reset" type="reset" id="btn_i" /> 
    </div>

</form> 
    <script>

$(function insertData() {
  $('form[name="form"]').submit(function(e) {
  e.preventDefault();

         var name  = $('input[name="option1"]').val(),
         sName = $('input[name="option2"]').val();

       $('body').append('<table class="results">'
                          +'<tr>'
                            +'<th>Option 1</th>'
                            +'<th>Option 2</th>'

                          +'</tr>'
                          +'<tr>' 
                            +'<td>'+name+'</td>'
                            +'<td>'+sName+'</td>'
                               +'</tr>'

                    + '</table>');
  // $('input[type="reset"]').click(function() {
    //  ($('#text').val()).remove(); 
   });
     });
</script>

</body>
</html>

请帮助..我坚持了2天..

Answer 1

这可能更容易：

$header = "Option 1 \t  Option 2\n";  
file_put_contents("newFile.txt", $header, FILE_APPEND );
foreach($_POST as $key => $value) {
  file_put_contents("newFile.txt", $value."\n", FILE_APPEND );
}

Answer 2

在HTML中，您需要将“提交”按钮的类型从“提交”更改为“按钮”。并将您的脚本更改为 -

$(function insertData() {
     $('#btn_s').on('click', function(e) {

     var name  = $('input[name="option1"]').val(),
     sName = $('input[name="option2"]').val();

   $('body').append('<table class="results">'
                      +'<tr>'
                        +'<th>Option 1</th>'
                        +'<th>Option 2</th>'

                      +'</tr>'
                      +'<tr>' 
                        +'<td>'+name+'</td>'
                        +'<td>'+sName+'</td>'
                           +'</tr>'

                + '</table>');
   // $('input[type="reset"]').click(function() {
   //  ($('#text').val()).remove(); 
   });
 });

如何将表发布到PHP并将其另存为文本文件

2 个答案: