这篇文章主要介绍了 js 创建表单元素并使用 submit 进行提交, 需要的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
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>
来源: