jQuery动态创建form表单提交参数

深藏阁楼爱情的钟 2022-06-14 08:13 283阅读 0赞

有的时候可能会需要动态的创建form表达来想服务端提交参数，例子如下：

function example(page){
    	var currentPage=page;
    	//创建url
    	var url="/notice/s";
    	//创建要提交的参数
    	var type=$("#typeSelect").val();
    	var number=$("#noticeNumber").val();
    	var status=$("#statusSelect").val();
    	//创建form
    	var form=$("<form></form>");
    	//设置属性
    	form.attr("action",url);
    	form.attr("method","post");
    	//创建input，即参数
    	var inputType=$("<input type='text' name='pType'/>");
    	inputType.attr("value",type);
    	var inputNumber=$("<input type='text' name='pNumber'/>");
    	inputNumber.attr("value",number);
    	var inputStatus=$("<input type='text' name='pStatus'/>");
    	inputStatus.attr("value",status);
    	var inputPage=$("<input type='text' name='pCurrentPage'/>");
    	inputPage.attr("value",currentPage);
    	//注入参数到表单
    	form.append(inputType);
    	form.append(inputNumber);
    	form.append(inputStatus);
    	form.append(inputPage);
    	form.appendTo("body");  
    	form.hide();
    	//提交表单
    	form.submit();
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，283人围观）

还没有评论，来说两句吧...

相关阅读

相关 Ajax提交form表单

Ajax提交form表单 $.ajax({ //几个参数需要注意一下 type: "PO

╰+攻爆jí腚メ/ 2022年12月11日 04:21/ 0 赞/ 252 阅读

相关 Javascript动态创建FORM提交

< script language = " javascript " type = " text/javascript " > <!-- // funct

た入场券/ 2022年08月24日 04:13/ 0 赞/ 200 阅读

相关 jQuery提交form表单

<form id="search_form" name="search_form" method="post"> <input type="tex

「爱情、让人受尽委屈。」/ 2022年08月02日 09:44/ 0 赞/ 317 阅读

相关 Ajax提交Form表单

1. 背景在java后台开发中，经常要从前端向后台提交表单数据。利用Ajax进行Form表单提交，是很常用的方法。本文主要讲解Ajax提交表单的基本应用。 2. Ajax

迷南。/ 2022年07月21日 01:47/ 0 赞/ 306 阅读

相关 Form表单提交

1. JS源码提交： var form = document.getElementById('AddZookeeperForm'); form

深藏阁楼爱情的钟/ 2022年07月15日 01:42/ 0 赞/ 349 阅读

相关 Form表单提交

1. JS源码提交： var form = document.getElementById('AddZookeeperForm'); form

谁借莪１个温暖的怀抱￠/ 2022年07月15日 01:42/ 0 赞/ 367 阅读

相关 jQuery动态创建form表单提交参数

有的时候可能会需要动态的创建form表达来想服务端提交参数，例子如下： function example(page){ var currentPage=pa

深藏阁楼爱情的钟/ 2022年06月14日 08:13/ 0 赞/ 283 阅读

相关 ajax提交form表单

var form=document.getElementById("inspectForm");//inspectForm为Form表单的ID var f

浅浅的花香味﹌/ 2022年05月22日 22:12/ 0 赞/ 288 阅读

相关 javascript动态创建并提交表单form

<%@ page language="java" import="java.util.\" pageEncoding="utf-8"%> <!DOCTYPE HTML PU

清疚/ 2022年04月16日 02:59/ 0 赞/ 360 阅读

相关 Javascript提交form表单

1.使用<a>标签提交表单 <form action="1.html" method="post" id="form"> <input type="text

淩亂°似流年/ 2021年06月24日 14:37/ 0 赞/ 720 阅读