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

来源：互联网 2023-03-16 19:11:02 222

在网页开发中，我们通常会使用表单来提交客户端的数据。那么你知道，在浏览器客户端，是如何获取当前网页hidden控件的表单值吗？下面我们就来看一下。

方法/步骤

我们先写上html代码，html代码主要就是一个form表单，里面有一个我们需要获取值的hidden隐藏域控件。这个控件的value值为‘隐藏域-百度经验’，等一下就要获取这个值的。

另外还有一个按钮，主要是用来辅助我们验证获取结果的。

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

为了更方便的操作脚本，我们使用jquery这个前端插件库。所以我们引入了对应的脚本文件。

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

然后写上脚本，先为按钮添加click点击事件。

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

在点击事件里，添加脚本代码，我们先用jquery来获取到隐藏域hidden这个控件，主要就是通过id来获取。

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

获取到hidden控件后，就调用jquery的val方法来获取这个控件的value值。代码如图。

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

验证取到的值对不对，我们直接弹出取到的值，用alert方法来弹出。

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

运行网页，可以看到页面上有一个下拉框和一个按钮，hidden控件是隐藏域，是看不到的。

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

点击按钮后，就弹出显示隐藏域的值了，和我们html里的value值是一致的，所以获取到的值是正确的。

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

8该信息非法爬取自百度经验

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

上一篇：ajax向服务器请求数据实现html页面局部刷新下一篇：html用图片做链接