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将自动发送到方法values.php的{{1}}，因此您应该在post中找到由values.php自动填充的输入{1}}因为您在另一方使用display_File_count。

希望这有帮助。

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

1 个答案: