js創(chuàng)建表單元素并使用submit進(jìn)行提交
更新時(shí)間:2014年08月14日 17:44:27 投稿:whsnow
這篇文章主要介紹了js創(chuàng)建表單元素并使用submit進(jìn)行提交,需要的朋友可以參考下
js 創(chuàng)建form、input元素,并設(shè)置form的action及method,最后使用submit進(jìn)行提交
<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])))
}
//創(chuàng)建聯(lián)系時(shí)間
//創(chuàng)建隱藏域
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 document form表單元素操作完整示例
- javascript獲取form里的表單元素的示例代碼
- javascript實(shí)現(xiàn)的動(dòng)態(tài)添加表單元素input,button等(appendChild)
- JS獲取表單中的元素和取值方法
- JavaScript使用表單元素驗(yàn)證表單的示例代碼
- JavaScript實(shí)現(xiàn)動(dòng)態(tài)添加Form表單元素的方法示例
- Javascript簡單改變表單元素背景的方法
- JavaScript獲取表單內(nèi)所有元素值的方法
- JavaScript顯示表單內(nèi)元素?cái)?shù)量的方法
- JavaScript實(shí)現(xiàn)表單元素的操作
相關(guān)文章
echarts餅圖各個(gè)板塊之間的空隙如何實(shí)現(xiàn)
這篇文章主要給大家介紹了關(guān)于echarts餅圖各個(gè)板塊之間的空隙如何實(shí)現(xiàn)的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12
js判斷數(shù)組中是否包含某個(gè)值的4種方法總結(jié)
這篇文章主要給大家總結(jié)介紹了關(guān)于js判斷數(shù)組中是否包含某個(gè)值的4種方法,數(shù)組是我們編程中經(jīng)常使用的的數(shù)據(jù)結(jié)構(gòu)之一,在處理數(shù)組時(shí)我們經(jīng)常需要在數(shù)組中查找特定的值,JavaScript 包含一些內(nèi)置方法來檢查數(shù)組是否有特定的值或?qū)ο?需要的朋友可以參考下2023-11-11
微信小程序 textarea 層級(jí)過高問題簡單解決方案
這篇文章主要介紹了微信小程序 textarea 層級(jí)過高問題解決方案,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-10-10
ros::spin() 和 ros::spinOnce()函數(shù)的區(qū)別及詳解
這篇文章主要介紹了ros::spin() 和 ros::spinOnce()函數(shù)的區(qū)別及詳解的相關(guān)資料,本文介紹的非常詳細(xì),具有參考借鑒價(jià)值,感謝興趣的朋友一起看看吧2016-10-10
Firefox中autocomplete="off" 設(shè)置不起作用Bug的解決方法
在實(shí)現(xiàn)補(bǔ)全提示功能時(shí)(Suggest),都會(huì)給輸入框(Input)元素添加autocomplete屬性,且值設(shè)為off。2011-03-03

