Javascript 如何将html中span的值传递给其他页面

Javascript 如何将html中span的值传递给其他页面,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我想传递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="

我想传递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>
<input type="text" name="count_upload" id="count_upload" value="<?php echo $_POST["display_File_count"] ?>" >

上传文件
话
$('#upload')。更改(函数(事件){
var f=event.target.files[0];
如果(f){
var r=新文件读取器();
r、 onload=函数(e){
var内容=e.target.result;
var res=contents.split(“”);
$(“#显示#文件#计数”).text(res.length);
}
r、 readAsText(f);
}
});
这是另一个页面,它将调用valuevalues.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>
<input type="text" name="count_upload" id="count_upload" value="<?php echo $_POST["display_File_count"] ?>" >

您可以添加一个隐藏输入,其中包含文件计数(从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>

当您点击提交按钮时,参数
display\u File\u count
将通过方法
post
自动发送到
values.php
,因此您应该在
values.php
中找到
display\u File\u count
自动填写的输入,因为您正在使用
$\u post[“display\u File\u count”]
在另一侧


希望这能有所帮助。

hello,span的值是上传文件中的字数,由javascript计算到我想得到另一页的值(字数)。为什么不使用表单?然后您可以通过操作提交到另一页。我忘了将表单放入sir,但我使用表单
,因此我如何将其调用到另一页sir?当您单击提交按钮时,参数
显示文件\u计数
将自动发送到
值。php
使用方法
post
,因此,您应该在
values.php
中找到由
display\u File\u count
自动填充的输入,因为您正在另一侧使用
$\u POST[“display\u File\u count”]