jquery获取form表单中的数据

$(function() {
  $(‘#submit‘).click(function() {
    var d = {};
    var t = $(‘form‘).serializeArray();
    //t的值为[{name: "a1", value: "xx"},
    //{name: "a2", value: "xx"}...]
    $.each(t, function() {
      d[this.name] = this.value;
    });
    alert(JSON.stringify(d));
  });
});
</script>
<form>
<input id="a1" type="input" value="" name="a1"><br>
<input id="a2" type="input" value="" name="a2"><br>
<input id="a3" type="input" value="" name="a3"><br>
<select id="ax" name="ax">
<option value="0">选项1</option>
<option value="1">选项2</option>
</select><br>
<input id="submit" type="button" value="提交" name="submit">

原文地址:https://www.cnblogs.com/web-record/p/10455403.html

时间: 2024-11-08 18:54:15

jquery获取form表单中的数据的相关文章

jquery获取form表单中的内容,并将表单内容更新到datagrid的一行

1 //执行不刷新页面更新所修改的行 2 var arr = $('#patient_form').serializeArray();//将表单中的数据格式化成数组 3 var m = new Array(); 4 //取数组中各个输入框对象的值,放在数组m中 5 $.each(arr, function(i,val){ 6 m[val.name] = val.value; 7 }); 8 //更新行 9 $('#dgRequest').datagrid('updateRow',{ 10 ind

如何使用Jquery获取Form表单中被选中的radio值

 $("input[name='opType']:checked").val() -------此方法估计用的比较多,通俗易懂 $("input:radio:checked").val(); ---------此方法最简单,但是连着使用选择器不容易懂 $("input[@name='opType'][checked]"); --------次方法中切记写成[@checked=checked] 当然需要each的话,具体如下: $('input[n

ubuntu 下CGI c语言 获取form表单的数据

前面文章:使用cgi c 写了一个helloworld 这次 主要使用CGI c语言 获取form表单的数据 1 login.c [email protected]:/usr/lib/cgi-bin$ cat login.c #include<stdio.h> #include<stdlib.h> #include <string.h> int main(){ int i,len=0; char poststr[100]; char m[10],n[10]; char

js获取form表单所有数据

<script type="text/javascript"> //获取指定form中的所有的<input>对象 function getElements(formId) { var form = document.getElementById(formId); var elements = new Array(); var tagElements = form.getElementsByTagName('input'); for (var j = 0; j &

使用angular.js获取form表单中的信息

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>注册</title> <script src="./node_modules/angular/angular.js"></script> </head> <body ng-app="s1

js 向form表单中插入数据

var newElement = document.createElement("input"); var nowtime=year+""+month+day+hour+minute+second; newElement.setAttribute("name","nowtime"); newElement.setAttribute("value",nowtime); newElement.style.vis

通过button将form表单的数据提交到action层

form表单中不需要写action的路径,需要给form表单一个唯一的id,将你要提交的信息的表单中的标签name="action中的javabean对象.javabean属性".给button按钮添加一个onclick()点击事件,并实现该点击事件,在该onclick()方法中通过ajax将form表单中的数据提交给action层 JSP页面中的代码: 1 <form id="handleform"> 2 <!-- 根据学生id修改学生信息 --

JQuery判断form表单是否为空

功能:通过jquery判断form表单中是否有内容还未填写,如果有未填写的,则阻止提交 $(function () { $('form').bind('submit',function () {  //给form标签绑定submit事件 var i=0; $("input").each(function(){  //遍历input标签,判断是否有内容未填写 var vl=$(this).val(); if(vl==""){ i=1; } }); var t=$('t

HTML5第8次课堂笔记( 模拟form表单提交数据,xml的解析,jQuery的Ajax方法使用, mui的ajax)

HTML5第8次课堂笔记 1.  模拟form表单提交数据:(get方式) <body> <formmethod="get"action="DataTest7"> <inputtype="text"name="uname"value="yang"id="myname"><br/> <inputtype="password&q