gpt4 book ai didi

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

转载 作者:搜寻专家 更新时间:2023-10-30 23:45:40 24 4
gpt4 key购买 nike

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

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

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

关于javascript - HTML5 数据库保存详细信息以及一个按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28979691/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com