注册 登录
编程论坛 J2EE论坛

如何动态添加表格行数

发布于 2010-04-29 15:33, 636 次点击
在用JSP+SQL做一个类似于超市收银系统的项目,现在要求如果输入商品条码,可以显示此商品的具体信息(品名,尺码,颜色),同时可以生成下一行表格来继续录入条码,显示商品信息。然后提交后可以将条码和数量传递到处理页面,写入数据库。现在用Ajax实现了输入条码后就可以显示商品的具体信息,但是如果是动态添加表格单元格的话,单元格里的Input元素的Id也是动态的。怎么动态获取Input的id呢?
       function callback() {
           if (xmlHttp.readyState == 4) {
               if (xmlHttp.status == 200) {  
                   var dates = xmlHttp.responseText;
                   alert(dates);
                   if (dates.value ==""){
                       alert("无此商品信息!");
                   }else{
                      var sizelist=dates.split(",");     
                      var article1=sizelist[0];
                      var sizenum1=sizelist[1];
                      var colour1=sizelist[2];
                       
                     var intRowIndex   = myTable.rows.length;  
                     alert(intRowIndex);
                     
                      document.getElementById("article"+intRowIndex+"").value=article1;
                      document.getElementById("sizenum"+intRowIndex+"").value=sizenum1;
                      document.getElementById("colour"+intRowIndex+"").value=colour1;
                      document.getElementById("quantity"+intRowIndex+"").value="1";
                       
                      var   objRow   =   myTable.insertRow(myTable.rows.length);
                   var   objCel   =   objRow.insertCell(0);
                   objCel.innerHTML  = "<input   type='text' id='barcode"+intRowIndex+"' size='20' onchange='ajaxSubmit(this.value)' />";
                   var   objCel   =   objRow.insertCell(1);
                   objCel.innerHTML  = "<input   type='text' size='20' id='article"+intRowIndex+"'/>";
                      var   objCel   =   objRow.insertCell(2);
                   objCel.innerHTML  = "<input   type='text' size='10' id='sizenum"+intRowIndex+"'/>";
                   var   objCel   =   objRow.insertCell(3);
                   objCel.innerHTML  = "<input   type='text' size='10' id='colour"+intRowIndex+"'/>";
                   var   objCel   =   objRow.insertCell(4);
                   objCel.innerHTML  = "<input   type='text' size='10' id='quantity"+intRowIndex+"'/>";
                   }  
                   } else {
                   }
           }
    }

这个是回调函数,在获取用获取Input的id获取值的时候,好像有点问题,请大家帮我看看!
0 回复
1