本文介绍如何利用 JavaScript 动态修改 HTML 隐藏输入框的值,并通过表单的 POST 方法提交数据。通过示例代码展示了如何绑定点击事件、赋值给隐藏字段并触发 submit 操作,适用于需要避免 URL 参数暴露或传递较多数据的场景。
JavaScript 实现 POST 方式传递隐藏参数
具体实现代码如下:
首先定义一个表单,指定表单名称为 form1222,提交地址为 list.aspx,提交方法为 post:
在表单内部添加一个隐藏类型的输入框,设置其 id 和 name 均为 mid,初始 value 为空:
闭合表单标签。
接着编写 JavaScript 函数 forwardTo,接收参数 rid。在函数内部,首先获取 id 为 mid 的元素,并将传入的 rid 值赋给该隐藏字段的 value 属性。随后调用 document.form1222.submit() 方法提交整个表单。注释部分显示了如何调试查看当前隐藏字段的值。
最后,在页面中创建两个链接,分别通过 onclick 事件调用 forwardTo 函数,并传入不同的参数(如 55 和 080110),点击链接即可触发上述的 POST 提交过程。