Javascript 使用innerHTML将文本放置在文本框中

我想将

updatelist

函数中的

fname

变量中的文本放入id为

firstname

的文本框中。我认为这需要使用innerHTML来完成，因为它是SQL数据库的结果

HTML:

细节
名字：


名字：


问询处
当前日期：



拘留日期：



时间
早晨
下午



原因:





迟加

Javascript:

 <script>

    if (window.openDatabase) {
        var mydb = openDatabase("students2_db", "0.1", "A Database of Students", 1024 * 1024);

    mydb.transaction(function (t) {
         t.executeSql("CREATE TABLE IF NOT EXISTS student (id INTEGER PRIMARY KEY ASC, fname TEXT, lname TEXT, mclass TEXT, aclass TEXT, com TEXT, lates INTEGER DEFAULT 0)");
         t.executeSql("CREATE TABLE IF NOT EXISTS lates (lid INTEGER PRIMARY KEY ASC, flname TEXT, llname TEXT, time TEXT, reason TEXT, date TEXT, nextdet TEXT)");
    });

} else {
    alert("WebSQL is not supported by your browser!");
}

function getname() {
    mydb.transaction(function (t) {
         t.executeSql("SELECT fname FROM student WHERE id = ?", [localStorage.id], updateList);
    });
}

function getname2() {
    mydb.transaction(function (t) {
         t.executeSql("SELECT lname, lname FROM student WHERE id = ?", [localStorage.id], updateList2);
    });
}

function updateList(transaction, results) {
    //initialise the listitems variable
    var listitems = "";
    //get the car list holder ul
    var listholder = document.getElementById("firstname");

    //clear cars list ul
    listholder.innerHTML = "";

    var i;
    //Iterate through the results
    for (i = 0; i < results.rows.length; i++) {
        //Get the current row
        var row = results.rows.item(i);

listholder.innerHTML += "<b> First Name: </b> " + row.fname; }

}

if（window.openDatabase）{
var mydb=openDatabase（“students2_db”，“0.1”，“学生数据库”，1024*1024）；
mydb.transaction（函数（t）{
t、 executeSql（“如果不存在，则创建表学生（id整数主键ASC、fname文本、lname文本、mclass文本、ACLlass文本、com文本、lates整数默认值0）”；
t、 executeSql（“创建表（如果不存在）（lid INTEGER主键ASC、flname文本、llname文本、时间文本、原因文本、日期文本、nextdet文本）”）；
});
}否则{
警报（“您的浏览器不支持WebSQL！”）；
}
函数getname（）{
mydb.transaction（函数（t）{
t、 executeSql（“从学生中选择fname，其中id=？”，[localStorage.id]，updateList）；
});
}
函数getname2（）{
mydb.transaction（函数（t）{
t、 executeSql（“选择lname，lname FROM student，其中id=？”，[localStorage.id]，updateList2）；
});
}
函数更新列表（事务、结果）{
//初始化listitems变量
var listitems=“”；
//获取汽车列表持有者ul
var listholder=document.getElementById（“firstname”）；
//无障碍汽车清单
listholder.innerHTML=“”；
var i；
//反复浏览结果
对于（i=0；i

您需要使用“value”属性来执行此操作

在这种情况下,

document.getElementById("firstname").value = fname;

document.getElementById("firstname").value = fname;