获取javascript动态生成控件的值

分可真少<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<script language="javascript" type="text/javascript"> 
// 增加内容 
var trindex=0; 
function AddRow() 
{ 
var txtno = document.getElementById("txtno").value; 
if(txtno == "" ) return; 
var txtname = document.getElementById("txtname").value; 
var txtprices = document.getElementById("txtprices").value; 
var row = document.createElement("tr"); 
trindex++; 
row.setAttribute("id", "a"); 
var cell = document.createElement("td"); 
cell.appendChild(document.createTextNode(trindex)); 
row.appendChild(cell); 
var txtbox=document.createElement("input"); 
txtbox.setAttribute("type","Text"); 
txtbox.setAttribute("ID","txtno_"+trindex); 
txtbox.setAttribute("value",txtno); 
    cell = document.createElement("td"); 
cell.appendChild(txtbox); 
row.appendChild(cell); 
var txtbox=document.createElement("input"); 
txtbox.setAttribute("type","Text"); 
txtbox.setAttribute("ID","txtname_"+trindex); 
txtbox.setAttribute("value",txtname); 
    cell = document.createElement("td"); 
cell.appendChild(txtbox); 
row.appendChild(cell); 
var txtbox=document.createElement("input"); 
txtbox.setAttribute("type","Text"); 
txtbox.setAttribute("ID","txt_"+trindex); 
txtbox.setAttribute("value",txtprices); 
    cell = document.createElement("td"); 
cell.appendChild(txtbox); 
row.appendChild(cell); var deleteButton = document.createElement("input"); 
deleteButton.setAttribute("type", "button"); 
deleteButton.setAttribute("value", "删除"); 
//deleteButton.setAttribute("onclick", "deleteSort('"+trindex+"');"); 
deleteButton.onclick = function () { deleteSort('a'); }; 
cell = document.createElement("td"); 
cell.appendChild(deleteButton); 
row.appendChild(cell); 
document.getElementById("sortList").appendChild(row); 
} 
// 删除内容 
function deleteSort(id) 
{ 
var rowToDelete = document.getElementById(id); 
var sortList = document.getElementById("sortList"); 
sortList.removeChild(rowToDelete); 
} 
function getValue()
{
var objRow = document.getElementById("sortList").rows;
var objCell
var strReturn="";
for(var i=0,j=objRow.length;i<j;i++)
{
for(var k=0,n=objRow[i].cells.length;k<n;k++)
{
objCell=objRow[i].cells[k];
strReturn += (objCell.firstChild.tagName=="INPUT")?objCell.firstChild.value:objCell.innerText;
strReturn +=";";
}
strReturn += "\n";
}
alert(strReturn);
}
</script> 
</head> 
<body> 
<table border="0" cellspacing="0" width="100%" bgcolor="#f5efe7"> 
<tr> 
    <td height="20">产品编号: </td> 
    <td> <input id="txtno" type="text"> </td> 
    <td height="20">名称: </td> 
    <td> <input id="txtname" type="text"> </td> 
    <td height="20">单价: </td> 
    <td> <input id="txtprices" type="text"> </td> 
    <td> <a href="javascript:AddRow();">添加 </a> </td> 
</tr> 
</table> <table class="border" cellspacing=1 cellpadding=2 width="100%" border=1 > 
    <tr> 
        <td width="30px">序号 </td> 
        <td width="80px">产品编号 </td> 
        <td>产品名 </td> 
        <td width="40px">单价 </td> 
        <td>操作 </td> 
    </tr> 
<tbody id="sortList"> 
</tbody> 
</table> 
<INPUT TYPE="BUTTON" VALUE="取值" onclick="getValue()"/> 
</body> 
</html> 

解决方案 »

  1.   

    非常谢谢你的解答,不好意思,没分了,留了几分问下个问题
    因为我想按name或是ID来取值,能否再帮指点下我.谢谢了
      

  2.   

    txtbox.setAttribute("ID","txtno_"+trindex); 
    这里创建时加了个ID属性,如果不行,有其它办法不.
      

  3.   


    <html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
    <script language="javascript" type="text/javascript"> 
    // 增加内容 
    var trindex=0; 
    function AddRow() 
    { 
    var txtno = document.getElementById("txtno").value; 
    if(txtno == "" ) return; 
    var txtname = document.getElementById("txtname").value; 
    var txtprices = document.getElementById("txtprices").value; 
    var row = document.createElement("tr"); 
    trindex++; 
    row.setAttribute("id", "a"); 
    var cell = document.createElement("td"); 
    cell.appendChild(document.createTextNode(trindex)); 
    row.appendChild(cell); 
    var txtbox=document.createElement("input"); 
    txtbox.setAttribute("type","Text"); 
    txtbox.setAttribute("ID","txtno_"+trindex); 
    txtbox.setAttribute("value",txtno); 
        cell = document.createElement("td"); 
    cell.appendChild(txtbox); 
    row.appendChild(cell); 
    var txtbox=document.createElement("input"); 
    txtbox.setAttribute("type","Text"); 
    txtbox.setAttribute("ID","txtname_"+trindex); 
    txtbox.setAttribute("value",txtname); 
        cell = document.createElement("td"); 
    cell.appendChild(txtbox); 
    row.appendChild(cell); 
    var txtbox=document.createElement("input"); 
    txtbox.setAttribute("type","Text"); 
    txtbox.setAttribute("ID","txt_"+trindex); 
    txtbox.setAttribute("value",txtprices); 
        cell = document.createElement("td"); 
    cell.appendChild(txtbox); 
    row.appendChild(cell); var deleteButton = document.createElement("input"); 
    deleteButton.setAttribute("type", "button"); 
    deleteButton.setAttribute("value", "删除"); 
    //deleteButton.setAttribute("onclick", "deleteSort('"+trindex+"');"); 
    deleteButton.onclick = function () { deleteSort('a'); }; 
    cell = document.createElement("td"); 
    cell.appendChild(deleteButton); 
    row.appendChild(cell); 
    document.getElementById("sortList").appendChild(row); 
    } 
    // 删除内容 
    function deleteSort(id) 
    { 
    var rowToDelete = document.getElementById(id); 
    var sortList = document.getElementById("sortList"); 
    sortList.removeChild(rowToDelete); 
    } 
    function getValue()
    {
    var objRow = document.getElementById("sortList").rows;
    var objCell
    var strReturn="";
    for(var i=0,j=objRow.length;i<j;i++)
    {
    for(var k=1,n=objRow[i].cells.length-1;k<n;k++)
    {
    objCell=objRow[i].cells[k];
    //strReturn += (objCell.firstChild.tagName=="INPUT")?objCell.firstChild.value:objCell.innerText;
    strReturn += objCell.firstChild.ID + "=" + objCell.firstChild.value;
    strReturn +=";";
    }
    strReturn += "\n";
    }
    alert(strReturn);
    }
    </script> 
    </head> 
    <body> 
    <table border="0" cellspacing="0" width="100%" bgcolor="#f5efe7"> 
    <tr> 
        <td height="20">产品编号: </td> 
        <td> <input id="txtno" type="text"> </td> 
        <td height="20">名称: </td> 
        <td> <input id="txtname" type="text"> </td> 
        <td height="20">单价: </td> 
        <td> <input id="txtprices" type="text"> </td> 
        <td> <a href="javascript:AddRow();">添加 </a> </td> 
    </tr> 
    </table> <table class="border" cellspacing=1 cellpadding=2 width="100%" border=1 > 
        <tr> 
            <td width="30px">序号 </td> 
            <td width="80px">产品编号 </td> 
            <td>产品名 </td> 
            <td width="40px">单价 </td> 
            <td>操作 </td> 
        </tr> 
    <tbody id="sortList"> 
    </tbody> 
    </table> 
    <INPUT TYPE="BUTTON" VALUE="取值" onclick="getValue()"/> 
    </body> 
    </html>