记录用户的选择结果,并带回数据

提供两种办法:
1.一次性加载数据(main and detail)点击main中的记录的时候改变detail中的行显示情况就可以了,最后一次性提交.实现稍复杂,但只提交一次
2.detail根据main的点击每次刷新数据,每次需要保存,实现简单,但需要多次提交

解决方案 »

  1.   

    我想一次加载，因为用户只是选择，并没有保存。
    用户可以选择多条main.jsp中的数据，并可以选择他们对应的多条detail.jsp中的数据。但是在没有选择之前，我只想记录，并不想保存！
    楼上的，能不能给一个解决方法，我一点思路都没有！、
    不知道如何记录！用什么记录？数组？
      

  2.   

    二级选择：http://jkisjk.vip.sina.com/html/moveRightOrLeft2.htm空间未续费
    代码无法更新
    仅供示例
      

  3.   

    楼上,没明白楼主的要求啊楼主你是用table做,还是用select做呢?
      

  4.   

    main.jsp有多个
    <input type="checkbox" name="main" value="" >
    <a class="cell_blue" href="javaScript:MM_filterDetail()" > <input type="checkbox" name="main" value="" >
    <a class="cell_blue" href="javaScript:MM_filterDetail()" > detai.jsp有多个！
    <input type="checkbox" name="datail" value="1" >
    <input type="checkbox" name="datail" value="2" >
    <input type="checkbox" name="datail" value="3" >
    <input type="checkbox" name="datail" value="4" >通过点击checkbox，来过滤detail.jsp中的数据，并在detail.jsp中选择需要的多条数据。
    即在数据库中：main.jsp中的是主表数据，detail.jsp中是他的从表记录。我需要选择多个主记录的多条明细记录,即明细数据的checkbox=true！
    并且在选择后，重新点击哪条主记录，要把选择他的明细记录展示出来，即checkbox.checked = true;小弟先谢了！和急呀！帮帮忙！
      

  5.   

    看下是不是要这种效果呢?<html>
    <head>
    <script language="JavaScript">
    <!--
    function mainRowClk(trObj){
    var rows=document.getElementById("tbSub").rows;
    var reg=new RegExp("^"+trObj.id,"");
    if(trObj.bgColor=="#c9c9c9"){
    trObj.bgColor="#ffffff";
    for(var i=0,j=rows.length;i<j;i++){
    if(reg.test(rows[i].id)) rows[i].style.display="none";
    }
    }
    else{
    trObj.bgColor="#c9c9c9";
    for(var i=0,j=rows.length;i<j;i++){
    if(reg.test(rows[i].id)) rows[i].style.display="";
    }
    }
    }
    //-->
    </script>
    </head>
    <body>
    <table width="800" align="center" border="0" cellspacing="0" cellpadding="1">
      <tr>
        <td width="50%" valign="top">
    <table width="100%"  border="1" cellspacing="0" cellpadding="1" style="border-collapse:collapse ">
      <tr onClick="mainRowClk(this)" id="01">
    <td align="center">记录一</td>
      </tr>
      <tr onClick="mainRowClk(this)" id="02">
    <td align="center">记录二</td>
      </tr>
      <tr onClick="mainRowClk(this)" id="03">
    <td align="center">记录三</td>
      </tr>
    </table>
    </td>
        <td width="50%" valign="top">
    <table width="100%" id="tbSub" border="1" cellspacing="0" cellpadding="1" style="border-collapse:collapse ">
      <tr id="0100" style="display:none ">
    <td width="10%"><input name="chkList" type="checkbox"></td>
    <td width="90%">记录一子记录</td>
      </tr>
      <tr id="0101" style="display:none ">
    <td><input name="chkList" type="checkbox"></td>
    <td>记录一子记录</td>
      </tr>
      <tr id="0200" style="display:none ">
    <td><input name="chkList" type="checkbox"></td>
    <td>记录二子记录</td>
      </tr>
      <tr id="0201" style="display:none ">
    <td><input name="chkList" type="checkbox"></td>
    <td>记录二子记录</td>
      </tr>
      <tr id="0300" style="display:none ">
    <td><input name="chkList" type="checkbox"></td>
    <td>记录三子记录</td>
      </tr>
      <tr id="0301" style="display:none ">
    <td><input name="chkList" type="checkbox"></td>
    <td>记录三子记录</td>
      </tr>
    </table>
    </td>
      </tr>
    </table></body>
    </html>
      

  6.   

    那就不是用一次加载了,如果右面用iframe动态刷新数据的话,又不想提交服务器,恐怕只好保存在main页面里了,我改一下试试,我就不用iframe了,想转成iframe里的代码也容易,自己改下
      

  7.   

    数据肯定存在main页上.使用
    window.onload 
    window.onbeforeunload 
    这两个事件来分别导入数据和保存数据.
      

  8.   

    早上刚向 JK_10000(JK) 同学学的.
      

  9.   

    你先把main页和detail页写好.再让大家帮忙.好不好?
      

  10.   

    改完了,不过有三个文件(要改变iframe的location的嘛),放在同一目录下即可
    <!--main.htm-->
    <html>
    <head>
    <script language="JavaScript">
    <!--
    var curRow=null;
    function mainRowClk(trObj){
    if(curRow){
    getSubSel(curRow);
    curRow.bgColor="#ffffff";
    }
    curRow=trObj;
    curRow.bgColor="#c9c9c9";
    //setSubSel();
    if(trObj.id=="01") ifrSub.location.href="b.htm";
    else if(trObj.id=="02") ifrSub.location.href="a.htm";
    else return;
    }
    function getSubSel(trObj){
    var chks = ifrSub.document.getElementsByName("chkList");
    var len =  chks.length;
    var str="";
    for(var i=0;i<len;i++){
    if(chks[i].checked==true){
    if(str!="") str += "^";
    str += chks[i].id;
    }
    }
    trObj.subsel=str;
    //alert(trObj.subsel);
    }
    function setSubSel(){
    var str = curRow.subsel;
    var chks = ifrSub.document.getElementsByName("chkList");
    var len =  chks.length;
    for(var i=0;i<len;i++){
    var reg=new RegExp(chks[i].id,"g");
    if(reg.test(str)){
    chks[i].checked=true;
    }
    }
    }
    //-->
    </script>
    </head>
    <body>
    <table width="800" height="600" align="center" border="0" cellspacing="0" cellpadding="1">
      <tr>
        <td width="50%" valign="top">
    <table width="100%"  border="1" cellspacing="0" cellpadding="1" style="border-collapse:collapse ">
      <tr onClick="mainRowClk(this)" id="01" subsel="">
    <td align="center">记录一</td>
      </tr>
      <tr onClick="mainRowClk(this)" id="02" subsel="">
    <td align="center">记录二</td>
      </tr>
    </table>
    </td>
        <td width="50%" valign="top">
    <iframe id="ifrSub" src="" style="width:100%; height:100%"></iframe>
    </td>
      </tr>
    </table></body>
    </html><!--a.htm-->
    <body onload="parent.setSubSel()">
    <table width="100%" id="tbSub" border="1" cellspacing="0" cellpadding="1" style="border-collapse:collapse ">
      <tr >
    <td width="10%"><input id="0201" name="chkList" type="checkbox"></td>
    <td width="90%">记录二子记录 1</td>
      </tr>
      <tr>
    <td><input id="0202" name="chkList" type="checkbox"></td>
    <td>记录二子记录 2</td>
      </tr>
      <tr>
    <td><input id="0203" name="chkList" type="checkbox"></td>
    <td>记录二子记录 3</td>
      </tr>
    </table>
    </body>
    <!--b.htm-->
    <body onload="parent.setSubSel()">
    <table width="100%" id="tbSub" border="1" cellspacing="0" cellpadding="1" style="border-collapse:collapse ">
      <tr>
    <td width="10%"><input id="0101" name="chkList" type="checkbox"></td>
    <td width="90%">记录一子记录 1</td>
      </tr>
      <tr>
    <td><input id="0102" name="chkList" type="checkbox"></td>
    <td>记录一子记录 2</td>
      </tr>
      <tr>
    <td><input id="0103" name="chkList" type="checkbox"></td>
    <td>记录一子记录 3</td>
      </tr>
    </table>
    </body>