Javascript HTML5数据库通过按钮保存了详细信息

我正在Phone gap中开发一个应用程序。。我保存员工的所有详细信息，包括出生日期和地址。在一个页面中，我有一个保存按钮和调用按钮。当用户按下时，应保存输入的详细信息。。。这很好用。当用户按下召回按钮时，应显示保存的详细信息。。当显示这一点时，只会显示他们的姓名，并且每行都会有一个按钮。按名称旁边的这个按钮，他应该只能选择特定的行

我的问题是我无法在每行显示按钮。。。按钮仅在所有行之后显示。。这意味着只有一个按钮。。但是我需要在每一行后面有一个按钮来选择那一行。。我在下面给出我的代码。。如果有人知道如何编码，请帮助

HTML

你好，世界
名称

javascript

<script type="text/javascript">
      app.initialize();
    function onLoad() {
     var db = window.openDatabase("Database", "1.0", "Cordova Demo", 200000);
            db.transaction(queryDB, errorCB);
    }

    // Transaction error callback
    function errorCB(tx, err) {
        alert("Error processing SQL: " + err);
    }

     // Query the database
        //
        function queryDB(tx) {
      tx.executeSql('SELECT * FROM DEMO', [], querySuccess, errorCB);

        }

        // Query the success callback
        //
        function querySuccess(tx, results) {
            var x = document.getElementById("listing");
            var len = results.rows.length;
            for (var i=0; i<len; i++){

    var searchBtn = document.getElementsByClassName('cls_btn');

    x.innerHTML  +=results.rows.item(i).data +  results.rows.item(i).data2 + "      " +  searchBtn+ "<br />" ;
            }
        }

    </script>

app.initialize（）；
函数onLoad（）{
var db=window.openDatabase（“数据库”，“1.0”，“Cordova演示”，200000）；
数据库事务（查询数据库、错误数据库）；
}
//事务错误回调
功能错误CB（发送，错误）{
警报（“处理SQL时出错：+err”）；
}
//查询数据库
//
函数queryDB（tx）{
tx.executeSql（'SELECT*FROM DEMO'，[]，querySuccess，errorCB）；
}
//查询成功回调
//
函数查询成功（发送，结果）{
var x=document.getElementById（“列表”）；
var len=results.rows.length；
对于（var i=0；i是因为Google Chrome不允许从硬盘本身读取文件…我认为如果允许Firefox正确运行示例：）

<script type="text/javascript">
      app.initialize();
    function onLoad() {
     var db = window.openDatabase("Database", "1.0", "Cordova Demo", 200000);
            db.transaction(queryDB, errorCB);
    }

    // Transaction error callback
    function errorCB(tx, err) {
        alert("Error processing SQL: " + err);
    }

     // Query the database
        //
        function queryDB(tx) {
      tx.executeSql('SELECT * FROM DEMO', [], querySuccess, errorCB);

        }

        // Query the success callback
        //
        function querySuccess(tx, results) {
            var x = document.getElementById("listing");
            var len = results.rows.length;
            for (var i=0; i<len; i++){

    var searchBtn = document.getElementsByClassName('cls_btn');

    x.innerHTML  +=results.rows.item(i).data +  results.rows.item(i).data2 + "      " +  searchBtn+ "<br />" ;
            }
        }

    </script>

var b = document.createElement("BUTTON");
    var t = document.createTextNode("Select");    
    b.appendChild(t);    
    var table = document.getElementById("myTable");
    var row  = table.insertRow(counter);
    var cell1 = row.insertCell(0);
    var cell2 = row.insertCell(1);
    var cell3 = row.insertCell(2);    
    cell1.innerHTML = results.rows.item(i).data;
    cell2.innerHTML = results.rows.item(i).data2;
    cell3.appendChild(b);  
     b.onclick = function()
     { 

and you can whatever you need on clicking button here
}
counter++; 
}