基本思路:select加multiple上属性,就可以多项选择,然后根据用户所选操作两边select的项.

解决方案 »

  1.   

    我一直就纳闷这个框是个什么东西,原来是<select multiple>
    又长见识了~哎~
      

  2.   

    td1是最上边和左边样式,td2是内容样式.
    <!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>
    </head>
    <style>
    .tb {
    border-top: 1px #333333 solid;
    border-left: 1px #333333 solid;
    background-color: #CCCCCC;
    }
    .td1 {
    border-left: 1px #FFFFFF solid;
    border-top : 1px #FFFFFF solid;
    border-right : 1px #333333 solid;
    border-bottom: 1px #333333 solid;
    }
    .td2 {
    border-left: 1px #FFFFFF solid;
    border-top : 1px #FFFFFF solid;
    border-right : 1px #CCCCCC solid;
    border-bottom: 1px #CCCCCC solid;
    background-color: #FFFFFF;
    }
    </style>
    <body>
    <table width="300" border="0" cellspacing="0" cellpadding="0" class="tb">
      <tr>
        <td class="td1">&nbsp;</td>
        <td class="td1">&nbsp;</td>
        <td class="td1">&nbsp;</td>
        <td class="td1">&nbsp;</td>
        <td class="td1">&nbsp;</td>
      </tr>
      <tr>
        <td class="td1">&nbsp;</td>
        <td class="td2">&nbsp;</td>
        <td class="td2">&nbsp;</td>
        <td class="td2">&nbsp;</td>
        <td class="td2">&nbsp;</td>
      </tr>
      <tr>
        <td class="td1">&nbsp;</td>
        <td class="td2">&nbsp;</td>
        <td class="td2">&nbsp;</td>
        <td class="td2">&nbsp;</td>
        <td class="td2">&nbsp;</td>
      </tr>
      <tr>
        <td class="td1">&nbsp;</td>
        <td class="td2">&nbsp;</td>
        <td class="td2">&nbsp;</td>
        <td class="td2">&nbsp;</td>
        <td class="td2">&nbsp;</td>
      </tr>
      <tr>
        <td class="td1">&nbsp;</td>
        <td class="td2">&nbsp;</td>
        <td class="td2">&nbsp;</td>
        <td class="td2">&nbsp;</td>
        <td class="td2">&nbsp;</td>
      </tr>
    </table>
    </body>
    </html>
      

  3.   

    列表框(SELECT) 通用的操作函数  http://topic.csdn.net/u/20080319/11/c580ef77-077b-4658-8b74-37639df63f6e.html