要使用户在页面上输入工作经历,但是有几条工作经历不确定,怎么设计和处理页面?有好建议就给分

输入个人资料的页面,需要输入姓名,性别,身份证号等自然信息.还有工作经历.但是工作经历有几条,是不确定的,那么应该怎么设计这个页面?客户明确提出了,不能把工作经历拆出来单独页输入,必须在这一个页面中输入..怎么做成这样?: 输入前面的自然信息,然后输入 起始时间,终止时间,工作单位,点一个"增加"按钮,这一条工作经历就显示在页面上.再输入起始时间,终止时间,工作单位,点"增加",这条工作经历显示在页面上.输入完所有的工作经历后,点一个整页面提交按钮.提交所输入的个人资料?用jsp和javascript怎么实现?还有,点"增加"按钮不用整页刷新不知道问题说清楚了没有.

解决方案 »

  1.   

    可以参考下51job上的简历填写，表单隐藏
      

  2.   

    1.可以把工作经历这部分放在iframe中，这样点增加时就中会刷新iframe中的内容
    2.用js实现(比较复杂)，你可以参考那种企业管理软件(如：任我行的分销系统，网上找个下载)
      

  3.   

    http://getahead.ltd.uk/dwr/examples/table
      

  4.   

    对，用iframe，这样是嵌套页，客户的意思是不要新弹出页面，这样就可以解决了。另外可以这样，在工作经历里面定义一个符号，可以是特殊字符，这个字符一定要不常用的，这样在java中可以通过判断这个符号来截取。用你的按钮方法也可以实现，这样，你做成循环的隐藏表单，每点击一次按钮就增加一次循环，这样是botton的onClick事件，这样每输入完单击后，把这个textarea里面的值存放到hidden里面，只是第二次以后就需要截取。就是textarea减去hidden1的值。这样提交时把所有hidden提交就可以了。
      

  5.   

    我就是想用你说的第3种方法啊.
    但是不知道要怎么实现..
    点按钮后,它的onclick事件,要似点按钮前输入的一条工作经历(时间,时间,地点三个框)中的内容在页面上显示出来啊.怎么做?最好不用整页刷新,不然效率太底了.
      

  6.   

    如果用javascript实现的话就用程序createElement()来创建元素或用javascript来写HTML,然后加入页面里去.
      

  7.   

    <!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=gb2312" />
    <title>无标题文档</title>
    </head>
    <script>
    var key = 1;
    function insertRows(tableid){
    table = document.all[tableid];
    var Row1=table.insertRow(table.rows.length-1);
            j = table.rows.length ;
    var Rows=table.rows;
    var Cells=Row1.cells; for ( i=1;i<=5;i++ ){
    var Cell1=Rows(Row1.rowIndex).insertCell(Cells.length);
    Cell1.align="center";
    switch (i){
    case 1 : Cell1.innerHTML="工作经历";   break;
    case 2 : Cell1.innerHTML="<input type='text' name='textfield' />";  break;
    case 3 : Cell1.innerHTML="工作日期";  break;
    case 4 : Cell1.innerHTML="<input type='text' name='textfield2' />";  break;
    case 5 : Cell1.innerHTML=" <input type='button' name='Submit2' value='删除' onclick='toDel()'/>";   break; }
    }
    key = parseInt(key,10) + 1;
    }
      //删除一行
    function toDel(){
       with(document.forms[0]){
    var table = document.all["tb"];
    table.deleteRow(window.event.srcElement.parentElement.parentElement.rowIndex);
       }
    }
    </script>
    <body>
    <form id="form1" name="form1" method="post" action="">
      <table width="662" border="1" id="tb">  </table>
      
      <input type="button" name="Submit" value="添加"  onclick="insertRows('tb')"/>
    </form>
    </body>
    </html>
      

  8.   

    wantknow999(想学) 你的代码给了我很大帮助啊.谢谢..
    如果你能看到我的回复的话,希望你能告诉我,这个javascript你是怎么学的.看的出来,这些代码是你为我写的,不是随便从网上抄来的.我看过些javascript的教程,都太浅了,除了做点简单的输入验证,没什么作用.希望你能介绍一点学习javascript的经验,我也希望能写出真正用的上的代码.分数我一定会给你的,现在不结帖是因为希望能再看到你的回复.或者别人有什么好的方法和经验,大家共同学习.
      

  9.   

    另外,key的定义貌似没有用上.
    你的思路原本是...