js创建表单元素并使用submit进行提交
2014-08-14 00:00
786 查看
js 创建form、input元素,并设置form的action及method,最后使用submit进行提交
<script src="Scripts/jquery-1.7.1.js"></script> <script type="text/javascript"> function SubmitFormToSF() { var sfForm = document.createElement("form"); document.body.appendChild(sfForm); var mfInputs = "text1,checkbox1,Select1,Hidden1"; var sfInputs = "text1_c,checkbox1_c,Select1_c,Hidden1_c"; var mFInputsArray = mfInputs.split(","); var sFInputsArray = sfInputs.split(","); for (i = 0; i < mFInputsArray.length; i++) { createInput(sfForm, "text", sFInputsArray[i], GetInputValue(document.getElementById(mFInputsArray[i]))) } //创建联系时间 //创建隐藏域 sfForm.method = "post"; sfForm.action = "c.aspx"; sfForm.submit(); } function createInput(sfForm,type,name,value) { var tmpInput = document.createElement("input"); tmpInput.type = type; tmpInput.name = name; tmpInput.value = value; sfForm.appendChild(tmpInput); } function GetInputValue(ipt) { switch (ipt.type) { case "text": return ipt.value; break; case "hidden": return ipt.value; break; case "checkbox": return ipt.checked; break; case "select-one": return ipt.value; break; } } function getContratTime() { var anytime = $("#anytime"); var afternoon = $("#afternoon"); var morning = $("#morning"); var evening = $("#evening"); if (anytime.checked) { return "morning,afternoon,evening"; } else { if (morning.checked) { return morning.val(); } else if (afternoon.checked) { return afternoon.val(); } else if (evening.checked) { return evening.val(); } return ""; } } </script>
相关文章推荐
- js创建表单元素并使用submit进行提交
- Js 中关于注册表单,使用onsubmit进行拦截提交,并判断用户填写的内容是否正确
- JS和jQuery使用submit方法无法提交表单的原因分析及解决办法
- 使用js进行表单验证提交
- JS控制submit表单提交前进行预览和confirm确认提交
- 使用image元素也可以进行表单的提交
- 关于使用js进行表单提交操作引发的表单重复提交问题
- 使用jquery.form.js 进行表单提交,通过回调函数实现页面互动功能。
- 使用表单onsubmit属性进行表单提交前js判定
- js和jq使用submit方法无法提交表单的快速解决方法
- 使用jquery.form.js 进行表单提交,通过回调函数实现页面互动
- 【js】Ajax提交form表单(ajaxSubmit使用讲解 )
- JS控制submit表单提交前进行预览和confirm确认提交 3ff8
- 表单提交前使用属性onsubmit进行拦截验证
- 使用livequery插件对动态创建的DOM元素进行事件绑定
- js 不能提交或重置表单,提示reset或submit方法不存在
- Android 使用三种方式获取网页(通过Post,Get进行表单的提交)
- Jquery.from.js表单提交插件使用说明
- js提交表单错误:document.form.submit() is not a function
- 一个js中使用document调用表单元素的问题