首页 / JAVASCRIPT / javascript-如何将html中的span值传递给其他页面

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-如何将html中的span值传递给其他页面，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1688字，纯文字阅读大概需要3分钟。

内容图文

我想传递来自javascript的span html的值.它将计算上载文件的字数.请为此帮助我.

这是我的第一页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"] ?>" >

解决方法:

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

当您单击Submit按钮时,参数display_File_count将自动发送到带有方法post的values.php,因此您应该在values.php中找到由display_File_count自动填充的输入,因为您在其他位置使用$_POST [“ display_File_count”]侧.

希望这可以帮助.

内容总结

以上是互联网集市为您收集整理的javascript-如何将html中的span值传递给其他页面全部内容，希望文章能够帮你解决javascript-如何将html中的span值传递给其他页面所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/682223.html

来源：【匿名】