表单可以多次提交值在本页，再最后全部保存数据库

最新推荐文章于 2020-12-18 00:16:24 发布

ziyou_jo

最新推荐文章于 2020-12-18 00:16:24 发布

阅读量1.4k

点赞数

分类专栏： js代码文章标签： function input button border javascript null

本文链接：https://blog.csdn.net/ziyou_jo/article/details/272574

版权

js代码专栏收录该内容

15 篇文章 0 订阅

订阅专栏

<HTML><HEAD><TITLE>无标题文档</TITLE><META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312"><META HTTP-EQUIV="imagetoolbar" CONTENT="no">
<STYLE TYPE="text/css"></STYLE>
<script language="javascript" type="text/JavaScript">
var i=1;
var mole=false;
var EditObj=null;
var oClickTR;
    function InsertTR(strObjName, strUserName){
        if(!strObjName || !strUserName)return;
        var obj=document.getElementById('SWlist');
        var TR=obj.insertRow();
        var TD1 = TR.insertCell(), TD2 = TR.insertCell(), TD3 = TR.insertCell(), TD4 = TR.insertCell(), TD5 = TR.insertCell(), TD6 = TR.insertCell();
        TR.align='center';
        TR.id='ListTR';
TR.bgColor="#eeeeee";
        TD1.innerText=i;
        TD2.innerText=strObjName;
        TD3.innerText=strUserName;
        TD4.innerHTML='<a href=/"#/" οnclick=/"EditTR(this);/">修</a>';
        TD5.innerHTML="<a href=/"#/" οnclick=/"DelTR();/">删</a>";
        TD6.innerHTML='<a href=/"#/" οnclick=/"MoveTR();/">上移</a> <a href=/"#/" οnclick=/"MoveTR();/">下移</a>';
        form1.t1.value='';
        form1.t2.value='';
        form1.t1.focus();
        i++;
    };

    function EditTR(o){
        form1.t1.value=event.srcElement.parentElement.parentElement.children[1].innerText;
        form1.t2.value=event.srcElement.parentElement.parentElement.children[2].innerText;
        EditObj=o;
        mole=true;
    };

    function EditSave(strObjName, strUserName){
        if(!strObjName || !strUserName)return;
        var obj=EditObj.parentElement.parentElement;
        var TD2=obj.children[1];
        var TD3=obj.children[2];
        TD2.innerText=strObjName;
        TD3.innerText=strUserName;
        form1.t1.value='';
        form1.t2.value='';
        form1.t1.focus();
        mole=false;
        EditObj=null;
    };

    function DelTR(){
        var CZobj=document.getElementById('SWlist');
        var obj=event.srcElement;
        CZobj.deleteRow(obj.parentElement.rowIndex);
        for(var i=0; i<ListTR.length; i++)
            ListTR[i].children[0].innerText=i+1;
    };

function MoveTR(){
var CZobj=document.getElementById('SWlist');

var TrIndex=event.srcElement.parentElement.parentElement.rowIndex - 2;

if(event.srcElement.innerText=='上移' && TrIndex > 0){
   CZobj.moveRow(TrIndex, TrIndex-1);
   for(var i=0; i<ListTR.length; i++)
    ListTR[i].children[0].innerText=i+1;
}
else if(event.srcElement.innerText=="下移" && TrIndex < ListTR.length-1){
   CZobj.moveRow(TrIndex, TrIndex+1);
   for(var i=0; i<ListTR.length; i++)
    ListTR[i].children[0].innerText=i+1;
}else{
   return;
}
    };

function ClickTR(){
if(oClickTR != null && oClickTR.tagName == "TR")oClickTR.bgColor="#eeeeee";
oClickTR = event.srcElement.parentElement;
if(oClickTR.tagName == "TR")oClickTR.bgColor=(oClickTR.bgColor=="#eeeeee")?"#ffffff":"#eeeeee";
};

    function Save(){
        var hdINPUT='';
        for(var i=0; i<ListTR.length; i++){
            var strObjName=ListTR[i].children[1].innerText;
            var strUserName=ListTR[i].children[2].innerText;
            hdINPUT+="<input type=/"hidden/" name=/"strObjName[]/" value=/""+strObjName+"/"><input type=/"hidden/" name=/"strUserName[]/" value=/""+strUserName+"/">";
        }
        form1.insertAdjacentHTML("afterBegin", hdINPUT);
        form1.b2.submit();
        form1.b2.disabled=true;
    };
</script>
</HEAD>

ziyou_jo

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
表单可以多次提交值在本页，再最后全部保存数据库

无标题文档a, a:link{text-decoration: none; color:#000000; font-size:9pt;} a:visited{text-decoration: none; color:#000000;} a:hover{text-decoration: underline; color:red;}BODY, TD, SELECT{FONT-SIZE:9p
复制链接

扫一扫

专栏目录