如何將span中的值傳遞給其他頁面

Question

我想傳遞我的span html值，它是javascript的值。它會統計上傳文件的文字。請幫助我這個人。

繼承人我的第一頁的index.php

<form name="myform" action="values.php" method="post"> 
    <input name="upload" type="file" id="upload" accept="text/plain" accesskey="u"> UPLOAD A FILE 
    <span id="display_File_count" name="display_File_count"></span> <span>Words</span> 
    <input type="submit" value="Submit"> 
</form> 

<script type="text/javascript"> 

    $('#upload').change(function(event) { 

     var f = event.target.files[0]; 
     if (f) { 
      var r = new FileReader(); 

      r.onload = function(e) { 
       var contents = e.target.result; 
       var res = contents.split(" "); 
       $("#display_File_count").text(res.length); 
      } 
      r.readAsText(f); 
     } 
    }); 

</script> 

而且繼承人的其他網頁，將調用值values.php

<input type="text" name="count_upload" id="count_upload" value="<?php echo $_POST["display_File_count"] ?>" > 

Answer 1

您可以添加一個隱藏的輸入即會包含文件計數（從js更新）並提交按鈕以將數據發送到其他頁面：

<form name="myform" action="values.php" method="post"> 
    <input name="upload" type="file" id="upload" accept="text/plain" accesskey="u"> 
    UPLOAD A FILE 

    <span id="display_File_count" name="display_File_count"></span><span>Words</span> 

    <input type="hidden" name="display_File_count" class='display_File_count' /> 

    <input type='submit' value='send data to the other page' /> 
</form> 

從JS，你可以使用更新領域：

... 
r.onload = function(e) { 
    var contents = e.target.result; 
    var res = contents.split(" "); 
    $("#display_File_count").text(res.length); 

    $(".display_File_count").val(res.length); 
} 
... 

當你點擊提交按鈕參數display_File_count將與方法post自動發送到values.php，所以你應該在values.php找到輸入自動填寫display_File_count因爲您在另一面使用$_POST["display_File_count"]。

希望這會有所幫助。