JavaScript 实现 Form 表单提交并传递参数的方法
作者:小括号时间:2026-10-30 07:26:50浏览:547
本文介绍了如何使用 JavaScript 动态修改 Form 表单的 action 属性并触发 submit() 方法,从而实现带参数的表单提交。通过示例代码展示了如何获取输入值、拼接 URL 参数并执行提交操作,适用于需要前端控制提交逻辑的场景。
JavaScript 实现 Form 表单提交并传递参数的方法
//增加的函数 begin
function queryFun(){
var type = $("#artType").val();
var hasInputed = "1";//表示输入了要搜索 的信息
if($("#query").val()=="选手姓名/编号"){
//表示没有输入要搜索的值
hasInputed="0";
}
document.getElementById("queryForm").action="../news/starList.do?inputData="+hasInputed+"&artType="+type;
document.getElementById("queryForm").submit();
}
//增加的函数 end
以上就是利用 JavaScript 实现 Form 表单提交并传递参数的完整方法,希望能为读者提供有效的参考,也欢迎继续关注本站获取更多内容。
作者最新文章
JS语法错误会阻止加载吗?区分SyntaxError与资源加载失败
2026-11-05 16:08:46
JavaScript常见SyntaxError语法错误排查与修复方法
2026-11-05 13:58:44
JS中slice、substring和substr截取字符串的区别
2026-11-05 13:43:47
JS 转 TS 手动迁移最佳实践:从配置 tsconfig 到消除 any 类型
2026-11-05 11:53:32
为什么JS数组push后得到的是数字而不是数组?
2026-11-05 09:59:18
