关于js的问题

js制作表格，点击按钮可以新增一行和删除指定行，单元格填写内容，点击保存按钮可将该内容保存在网页，并且关闭网页重新打开后点击显示按钮，可将原来填写的内容显示出来，请问用js该如何实现？

解决方案 »

  1.   

    能给出具体代码吗？jQuery不太会呀
      

  2.   


    提供点思路吧， 
    (1)首先点击添加按钮，自己预告定义一个添加一条的模板， 当点周按钮的时候 clone 这行模板内容 到 你指定的table tr中去， 
    (2)删除按钮，  要看你这个按钮是放在哪，如果是放在每行的 tr中的 某个td中，那么只需要获取当前点击的tr 行删除就好，代码为$(this).parent("tr").remove() ，如果是单独话在表头的按钮 那就每点击行的时候做个标识，比如加个选中的class , 或者其它属性什么 的，到时候点击按的时候判断下 这个标识然后 删除这行。
    (3)至于你说的关闭了页面，打开还有， 一般都是将数据保存到服务端了，保存在数据库里面了，根据你的这种描述不会是保存在文件或者cookie里面的，
      

  3.   

    jquery jqueryUI Demo、Ext Demo 都有官方案例，LZ可以去看看案例
      

  4.   


    加qq：644534762你qq多少，我加你
      

  5.   


    加qq：644534762你qq多少，我加你求分享我一份QQ243376129
      

  6.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script type="text/javascript">
    var tbody="";
    var nowtr="";
    function add(){
    var tr=document.createElement("tr");
    tr.onclick=function(){
    var trs=document.getElementsByTagName("tr");
    for(var i=0;i<trs.length;i++){
    trs[i].style.backgroundColor='white';
    }
    this.style.backgroundColor='blue';
    nowtr=this;
    }
    var td=document.createElement("td");
    td.innerHTML='双击编辑';
    td.ondblclick=edit;
    tr.appendChild(td);
    tbody.appendChild(tr);
    document.gete
    }
    function init(){
    tbody=document.getElementsByTagName("tbody")[0];
    document.getElementsByTagName('input')[0].onclick=add;
    document.getElementsByTagName('input')[1].onclick=remove;
    }
    function remove(){
    tbody.removeChild(nowtr);
    }
    function edit(){
    var value=this.innerHTML;
    var input=document.createElement("input");
    input.value=value;
    var p=this.parentNode;
    p.replaceChild(input,this);
    input.onblur=function(){
    var td=document.createElement("td");
    td.innerHTML=this.value;
    p.replaceChild(td,this);
    }
    }
    window.onload=init;
    </script>
    </head><body>
    <table>
    <tbody>
        </tbody>
    </table>
    <input type="button" value="新增" />
    <input type="button" value="删除" />
    </body>
    </html>
    保存的话把所有的数据放到cookie里  当点查询时取cookie放入td试试
      

  7.   

    NND,上一次面试的时候 就出了这样的一个题。
    用js很好写的。