JavaScript 实现 Form 表单提交并传递参数的方法

作者:小括号

时间:2026-10-30

浏览:546

本文介绍了如何使用 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 表单提交并传递参数的完整方法,希望能为读者提供有效的参考,也欢迎继续关注本站获取更多内容。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章