在用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获取值的时候,好像有点问题,请大家帮我看看!