id autogenearado

[hextrem]

Buenas les escribo a ver si me pueden ayudar el problema es el siguiente e creado este codigo y el id es auto generado, como el id es unico me gustaria saber como hago para poder sacar el valor del producto de la tabla ya que siempre me marca el primero, e pensado que concatenando i pero no se como hacerlo o si hay otra solucion. Aqui el codigo

Código Javascript:

function retorno(){
             
                    if(obj.readyState==4){
                    if(obj.status==200){
                                     
                    var raiz= obj.responseText;
                    var p = eval("("+raiz+")")
                                          
                    var tabla = "<table border = '1'>";
                    tabla +="<tr>";
                    tabla +="<th>Comprar</th>";
                    tabla +="<th>Producto</th>";
                    tabla +="<th>Precio</th>";
                    tabla += "<th>Descripcion</th>";
                    tabla +="</tr>";
                    for(var i = 0;i<p.length;i++){
                        var ob = p[i];
                    tabla += "<tr>";
                    tabla += "<td>";
                    tabla += "<input type='button' name='Comprar' value='Comprar' onclick='comprar()' >";
                    tabla += "</td>";
                    tabla += "<td id=com>";
                    tabla += ob.producto+"</td>";
                    tabla += "<td>"+ob.precio+"</td>";
                    tabla += "<td>"+ob.descripcion+"</td>";
                    tabla += "</tr>";
                    
                }
                
                    tabla += "</table>"
                    document.getElementById("dato").innerHTML=tabla;
 

[PIRRUMAN]

en el codigo que pusiste imprimiras el mismo id tantas veces como p.length,
para hacer un id dinamico tendrias que concatenar el i(variable de incremento)

<td id='com'+i>

y despues modificar la funcion que te trae el primer valor ,

cual es la funcion que usas para obtener el primer valor?

[hextrem]

te envio todo el codigo para que lo veas

Código Javascript:

function seleccion(){
                if(window.XMLHttpRequest){
                    obj=new XMLHttpRequest();
                }
                else if(window.AxtiveXObject){
                    obj=new AxtiveXObject("Microsoft.XMLHttp");
                }
                else{alert("No dispone de ajax");
                        return;
            }
                
                var seci = document.getElementById("secion");
                var secion = seci.options[seci.selectedIndex].value;
                
                obj.open("GET","lista?secion="+secion,true);
                obj.onreadystatechange=retorno;
                obj.send(null);
               
            }
            function retorno(){
             
                    if(obj.readyState==4){
                    if(obj.status==200){
                                     
                    var raiz= obj.responseText;
                    var p = eval("("+raiz+")")
                                          
                    var tabla = "<table border = '1'>";
                    tabla +="<tr>";
                    tabla +="<th>Comprar</th>";
                    tabla +="<th>Producto</th>";
                    tabla +="<th>Precio</th>";
                    tabla += "<th>Descripcion</th>";
                    tabla +="</tr>";
                    for(var i = 0;i<p.length;i++){
                        var ob = p[i];
                    tabla += "<tr>";
                    tabla += "<td>";
                    tabla += "<input type='button' name='Comprar' value='Comprar' onclick='comprar()' >";
                    tabla += "</td>";
                    tabla += "<td id=com>";
                    tabla += ob.producto+"</td>";
                    tabla += "<td>"+ob.precio+"</td>";
                    tabla += "<td>"+ob.descripcion+"</td>";
                    tabla += "</tr>";
                    
                }
                
                    tabla += "</table>"
                    document.getElementById("dato").innerHTML=tabla;
                    
                                 }
                                 
                    }}
           function comprar(){
          
                var pro = document.getElementById("com").innerHTML;
                
                if(window.XMLHttpRequest){
                    or=new XMLHttpRequest();
                }
                else if(window.AxtiveXObject){
                    or=new AxtiveXObject("Microsoft.XMLHttp");
                }
                else{alert("No dispone de ajax");
                        return;
            }
           
               or.open("GET","carro?pro="+pro,true);
               or.onreadystatechange=lis;
               or.send(null);
               
           }
           
           function lis(){
             
                    if(or.readyState==4){
                    if(or.status==200){
                                     
                    var list= or.responseText;
                    var l = eval("("+list+")")
                                          
                    var tabla = "<table border = '6'>";
                    tabla +="<tr>";
                    tabla +="<th>Eliminar</th>";
                    tabla +="<th>Producto</th>";
                    tabla +="<th>Precio</th>";
                    tabla += "<th>Descripcion</th>";
                    tabla +="</tr>";
                    for(var i = 0;i<l.length;i++){
                        var li = l[i];
                    tabla += "<tr>";
                    tabla += "<td>";
                    tabla += "<input type='button' name='Eliminar' value='Eliminar' onclick='eliminar()' >";
                    tabla += "</td>";
                    tabla += "<td id=el>";
                    tabla += li.producto+"</td>";
                    tabla += "<td>"+li.precio+"</td>";
                    tabla += "<td>"+li.descripcion+"</td>";
                    tabla += "</tr>";
                    
                }
                
                    tabla += "</table>"
                    document.getElementById("te").innerHTML=tabla;
                 
                }
                    }}
           function eliminar(){
               var eli = document.getElementById("el").innerHTML;
                   if(window.XMLHttpRequest){
                    or=new XMLHttpRequest();
                }
                else if(window.AxtiveXObject){
                    or=new AxtiveXObject("Microsoft.XMLHttp");
                }
                else{alert("No dispone de ajax");
                        return;
            }
           
               or.open("GET","elimina?eli="+eli,true);
               or.onreadystatechange=lis;
               or.send(null);
               
               
             }
 

[PIRRUMAN]

con mandas a llamar a la funcion? mediante un click ?

[hextrem]

la primera para crear la tabla desde una lista con select el la pagina en formato jsp, y para eliminar y comprar desde un boton dentro de la tabla