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

作者最新文章