首页 > 软件开发 > JavaScript >

客户端如何获取当前网页hidden表单的值

来源:互联网 2023-03-16 23:57:45 版权归原作者所有,如有侵权,请联系我们

在网页开发中,我们通常会使用表单来提交客户端的数据。那么你知道,在浏览器客户端,是如何获取当前网页hidden控件的表单值吗?下面我们就来看一下。fvV办公区 - 实用经验教程分享!

方法/步骤

  • 1

    我们先写上html代码,html代码主要就是一个form表单,里面有一个我们需要获取值的hidden隐藏域控件。这个控件的value值为‘隐藏域-百度经验’,等一下就要获取这个值的。fvV办公区 - 实用经验教程分享!

    另外还有一个按钮,主要是用来辅助我们验证获取结果的。fvV办公区 - 实用经验教程分享!

    客户端如何获取当前网页hidden表单的值fvV办公区 - 实用经验教程分享!

  • 2

    为了更方便的操作脚本,我们使用jquery这个前端插件库。所以我们引入了对应的脚本文件。fvV办公区 - 实用经验教程分享!

    客户端如何获取当前网页hidden表单的值fvV办公区 - 实用经验教程分享!

  • 3

    然后写上脚本,先为按钮添加click点击事件。fvV办公区 - 实用经验教程分享!

    客户端如何获取当前网页hidden表单的值fvV办公区 - 实用经验教程分享!

  • 4

    在点击事件里,添加脚本代码,我们先用jquery来获取到隐藏域hidden这个控件,主要就是通过id来获取。fvV办公区 - 实用经验教程分享!

    客户端如何获取当前网页hidden表单的值fvV办公区 - 实用经验教程分享!

  • 5

    获取到hidden控件后,就调用jquery的val方法来获取这个控件的value值。代码如图。fvV办公区 - 实用经验教程分享!

    客户端如何获取当前网页hidden表单的值fvV办公区 - 实用经验教程分享!

  • 6

    验证取到的值对不对,我们直接弹出取到的值,用alert方法来弹出。fvV办公区 - 实用经验教程分享!

    客户端如何获取当前网页hidden表单的值fvV办公区 - 实用经验教程分享!

  • 7

    运行网页,可以看到页面上有一个下拉框和一个按钮,hidden控件是隐藏域,是看不到的。fvV办公区 - 实用经验教程分享!

    客户端如何获取当前网页hidden表单的值fvV办公区 - 实用经验教程分享!

  • 8

    点击按钮后,就弹出显示隐藏域的值了,和我们html里的value值是一致的,所以获取到的值是正确的。fvV办公区 - 实用经验教程分享!

    客户端如何获取当前网页hidden表单的值fvV办公区 - 实用经验教程分享!

  • 8该信息非法爬取自百度经验
  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!fvV办公区 - 实用经验教程分享!


    标签: HTMLJAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号