救命~~ select事件。

本帖最后由 stuck730 于 2010-08-18 17:02:45 编辑

解决方案 »

  1.   

    把表格设个ID，在select的onchange事件里写代码，先清除表格里的所有行，再根据选中的项通过innerHTML拼接HTML语句 或者createElement、appendChild动态添加进表格里
      

  2.   

    <!DOCTYPE   HTML   PUBLIC   "-//W3C//DTD   HTML   4.0   Transitional//EN">
    <html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
        <script type="text/javascript">
            var arraydata = [["1", "zhang", "422"],["2","huang","514"],["3","li","4141"]]
            var data = new Array(3);
            function onchangeselect() {
                var objsel = document.getElementById("selectopt");
                for (var i = 0; i < arraydata.length; i++) {
                    if (objsel.value == arraydata[i][0]) {
                        data[0] = arraydata[i][0];
                        data[1] = arraydata[i][1];
                        data[2] = arraydata[i][2];
                        break;
                    }
                }
                var objtab = document.getElementById("showtable");
                var objch = objtab.childNodes;
                for(var i= 0;i<objch.length;i++){
                    objtab.removeChild(objch[i]);
                }
                insertRow("名次","姓名","借阅量");
                insertRow(data[0],data[1],data[2]);
            }
            function insertRow( a, b, c){
                    var objtab = document.getElementById("showtable");
                    var index = objtab.rows.length;
                    var nextRow = objtab.insertRow(index);
                    var newCellCartonNo1 = nextRow.insertCell(0);
                    var newCellCartonNo2 = nextRow.insertCell(1);
                    var newCellCartonNo3 = nextRow.insertCell(2);
                    newCellCartonNo1.innerText = a ;
                    newCellCartonNo2.innerText = b ;
                    newCellCartonNo3.innerText = c ;
                }    </script>
    </head>
    <body><div style="height:20px"></div>
    <div style="margin:0px 0px 0px 20px">
        <div style="float:left">2009年1月1日-2009年2月1日</div>
        <div style="float:left;margin:-5px 0px 0px 60px">
            <select id="selectopt" onchange="onchangeselect()">
                <option>单位</option>
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
            </select>
        </div>
    </div>
    <div style="height:34px"></div>
    <div id="JKDiv_1" style="margin-left:20px">
        <table width="100%" border="0" cellspacing="0" cellpadding="0" id="showtable" >
            <tbody>
            <tr height="25" id="titletr">
                <td>名次</td>
                <td>姓名</td>
                <td>借阅量</td>
            </tr>
            <tr height="25">
                <td>1</td>
                <td>李司</td>
                <td>2000</td>
            </tr>
            <tr height="25">
                <td>1</td>
                <td>李司</td>
                <td>2000</td>
            </tr>
            <tr height="25">
                <td>1</td>
                <td>李司</td>
                <td>2000</td>
            </tr>
            <tr height="25">
                <td>1</td>
                <td>李司</td>
                <td>2000</td>
            </tr>
            <tr height="25">
                <td>1</td>
                <td>李司</td>
                <td>2000</td>
            </tr>
            </tbody>
        </table>
    </div>
    </body>
    </html>
    不知道是不是这样
      

  3.   

    可以用getElementById来解决！！！！！！！！！！！！