HTML5数据库保存了详细信息以及一个按钮

HTML5 database saved details along with a button

本文关键字：一个 按钮 保存 数据库 详细信息 HTML5      更新时间：2023-09-26

我正在电话间隙中开发一个应用程序......我正在保存员工的所有详细信息，包括出生日期和地址。在一页中，我有一个保存按钮和召回按钮。当用户按下输入的详细信息时，应保存...这工作正常。当用户按下调用按钮时，应显示此保存的详细信息。显示此按钮时，仅显示其名称，并且每行中都会有一个按钮。通过按名称旁边的此按钮..他应该只能选择特定的行。

我

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

.HTML

<link rel="stylesheet" type="text/css" href="css/recallpage.css" />        
<title>Hello World</title>   
</head> 
<body onload="onLoad();">    
<div class="app"> 
<label id="naming">Name</label>
<br>
<br>
<label id="listing"></label>
<input id="btn1" class="cls_btn" type="submit" name="btn" value="Find" />
</div>
<script type="text/javascript" src="cordova.js"></script>        
<script type="text/javascript" src="js/index.js"></script>

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>

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++; 
}

是因为谷歌浏览器不允许从您的硬盘驱动器本身读取文件......我认为如果您允许Firefox正确运行您的示例:)

相关文章：