首页>问答>js怎么写提交表单的方法？

yinder 2018-02-06 17:32:45

等

js怎么写提交表单的方法？

js 文件怎么写提交表单的方法？

1个评论

1个牛币 javascript js提交表单

所有回答列表(7)

程序猿全敏 LV29 2018年2月7日

首先要给个from表单，然后提交可以直接从from表单取到每个name里面的值

最代码-泽正 LV12 2018年2月8日

通过form表单提交或者给form表单一个id然后利用js事件都可以实现。

alnorth0603 LV3 2018年2月8日

首先要给个from表单，然后提交可以直接从from表单取到每个name里面的值(input,select,checkbox 等中name的属性就是key，也就是后台对象接受的参数，如果不显示加入type=hidden 进行隐藏，如果不传到把后台把name去掉即可)

天险无涯 LV15 2018年2月8日

首先给from一个id：

<div id="goalSubarea" style="height:300px;" class="easyui-dialog"
           data-options="title:'分区经理目标上传',
                       modal:true,
                       buttons:[{
                           text:'确定',
                           iconCls:'icon-ok',
                           handler:function(){subareaFun()}
                       },{
                           text:'取消',
                           iconCls:'icon-no',
                           handler:function(){subareaCancel()}
                       }]">
   <form id="subareaForm" enctype="multipart/form-data" method="post">
           <table class="grid">
               <tr>
                   <td>分区经理目标上传:</td>
                   <td><input id="subareaFile" name="subareaFile" class="easyui-validatebox" data-options="required:true" style="width: 100%;" type="file" onchange="checkFileType(this);" accept=".xls,.xlsx" value="选择文件" /></td>
               </tr>

           </table>
       </form>
       <div style="font-size: 18px;">
       说明：<br>1、若分区经理目标没有变动则不用重新上传；<br>2、重新上传后原有分区经理目标会被覆盖。
   </div>
</div>

然后在JS的写subareaFun()进行表单处理：

809204304@qq.com LV13 2018年2月9日

表单序列化

<html>

<head>

$(document).ready(function(){

$("button").click(function(){

var o = {};

x=$("form").serializeArray();

$.each(x, function(i, field){

if (o[this['name']]) {

o[this['name']] = o[this['name']] + "," + this['value'];

} else {

o[this['name']] = this['value'];

}

});

alert(JSON.stringify(o));

});

</script>

</head>

<body>

First name: <input type="text" name="FirstName" value="Bill" /><br />

Last name: <input type="text" name="LastName" value="Gates" /><br />

Last name: <input type="text" name="LastName2" value="Gates2" /><br />

Last name: <input type="text" name="LastName3" value="Gates3" /><br />

</form>

<button>序列化表单值</button>

</body>

</html>

BovenRaye LV10 2018年2月22日

如果有form表单，通过js获得这个表单form对象，这个form对象有个submit()函数即可完成提交（form 指明了提交地址）；如果美欧form表单，则可通过js构造一个表单对象，再设置他的相关参数(可百度下)，然后同样通过submit（）提交到你指定的地址；

sunjiyun26 LV9 2018年3月1日

form.submit()

调用

最热评论
最新问答