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

Posted 2023-05-09

【中文标题】如何将html中span的值传递给其他页面

【英文标题】：How to pass the value of span in html to other page

【发布时间】：2016-06-06 00:32:28

【问题描述】：

我想传递我的 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"] ?>" >

【参考方案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 自动填充的输入，因为您使用的是@ 987654328@在另一边。

希望这会有所帮助。

【讨论】：

你好，span 的值是上传文件中的字数，由 javascript 统计到我想将值（字数）到另一个页面^^。

为什么不使用表单？然后您可以将操作提交到其他页面。

我忘了输入表格先生，但我使用表格<form name="myform" action="values.php" method="post">

那么先生，我将如何将其调用到其他页面？

当你点击提交按钮时，参数display_File_count会自动发送到values.php，方法是post，所以你应该在values.php中找到display_File_count自动填充的输入，因为你在另一边使用$_POST["display_File_count"]。