js将当前tr列中的文字替换成表单

    function tal(obj){    
        //定位当前tr
        var tds = $( obj ).parent().parent();
        var td=tds.find( "td" );
        
        //获取当前td值
        var td1=td.eq(0).html();
            var td2=td.eq(1).html();
        
        //定义td内的表单
        var tdvalue1="<input id='td1' type='text' value='"+td1+"'>";
        var tdvalue2="<input id='td2' type='text' value='"+td2+"'>";
        var tdvalue3="<input type='submit' value='提交' onclick='talvalue(this)'>";
        
        //重新赋值
        td.eq(0).html(tdvalue1);
        td.eq(1).html(tdvalue2);
        td.eq(2).html(tdvalue3);
    }
    
    function talvalue(obj){
        //定位当前tr
        var tds = $( obj ).parent().parent();
        var td=tds.find( "td" )
        
        //获取表单值
        var data1=$("#td1").val();
        var data2=$("#td2").val();
        
        //重新赋值
        td.eq(0).html(data1);
        td.eq(1).html(data2);
        td.eq(2).html("<input type='submit' value='修改' onclick='tal(this)'>");
    }

猜你喜欢

转载自blog.csdn.net/qq_40223609/article/details/80222902