怎么使用javascript在一表格中加一行，并在<td>中加入一下拉框？

How to Build Tables Dynamicallyhttp://msdn.microsoft.com/workshop/author/tables/buildtables.asp

解决方案 »

  1.   

    <html>
    <head>
    <title>code by meixx</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <script language="javascript">
    var curRow=null;
    function selectRow(tr1){
    if(curRow)
    curRow.bgColor="#FFFFFF";
    tr1.bgColor="e7e7e7";
    curRow=tr1;
    }
    function addRow(src){
    var newrow = src.insertRow(src.rows.length-1);
    newrow.attachEvent("onclick",function(){selectRow(newrow);});
    newrow.height=20;
    var i=4;
    while(i--){
    var newcell = newrow.insertCell();
    switch(i){
    case 0: newcell.innerHTML= '<input type="button" onClick="javascript:delRow(this.parentElement.parentElement)" value="删除此行">';break;
    default: newcell.innerHTML=div1.innerHTML;break;
    }
    }
    }
    function delRow(src){
    src.parentElement.deleteRow(src.rowIndex);
    }
    </script>
    </head><body>
    <table id="tb" width="100%"  border="1" align="center" cellpadding="1" cellspacing="1" style="border-collapse:collapse" bordercolor="#111111">
      <tr>
        <th scope="col" width="25%">一</th>
        <th scope="col" width="25%">二</th>
        <th scope="col" width="25%">三</th>
        <th scope="col" width="25%">四</th>
      </tr>
      <tr id="blankRow" onClick="addRow(this.parentElement)">
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
    </table>
    <div id="div1" style="display:none "><input id="txt" type="text" style="width:97%; background-color:#FFFFEF"></div>
    </body>
    </html>
      

  2.   

    function createTache(tableObj) {
    var select = document.createElement('select');
    se = select.cloneNode();
    se.name = 'model.tache';
    tableObj.appendChild(se);
    var options = document.createElement("option");
     for (var i=0; i<myData.length; i++) {
       op= options.cloneNode();
       op.value = myData[i][0]
       op.text = myData[i][1];
       select.appendChile(op);
     }
    }在form内调用createTache就行~
    哎~星星太多总要显一下~
      

  3.   


    设置样式表没反应
    var oRow = tacheTable.insertRow();
    var oCell = oRow.insertCell();
    oCell.innerHTML = "&nbsp";
    oCell.styleClass ="td-bar"; oCell = oRow.insertCell();
    oCell.styleClass = "td1";
    oCell.appendChild(select);