使用innerHTML将文本放入texbox中

我想将fname变量中的文本从updatelist函数放入文本框中，其编号为firstname。我相信这需要使用innerHTML来完成，因为它是来自SQL数据库的结果。使用innerHTML将文本放入texbox中

HTML：

<fieldset> 
      <legend><b>Details</b></legend> 
      <label>First Name: </label><input type = "text" id="firstname" readonly><br><br> 
      <label>First Name: </label><input type = "text" id="lastname" readonly><br><br> 

    </fieldset> 

    <fieldset> 
     <legend><b>Information</b></legend> 
     <label> Current date:</label> 
     <input type="text" id="datelate"/><br><br> 
     <label> Detention date:</label> 
     <input id = "detentiondate" type="date" ><br><br> 
     <label>Time</label> 
      <select id="mora"> 
       <option value="AM">Morning</option> 
       <option value="PM">Afternoon</option> 
      </select> 
     <br> <br> 
     <label> Reason:</label> 
     <textarea id = "reason" rows="2" cols="60"></textarea><br><br> 
    </fieldset> 

    <br> 
    <input type="reset" value="Reset"> 

    <button type="button" id="addlate" onclick="addLate();">Add late</button> 

    </body>

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

}

来源

2015-07-09 SamG

你需要使用 “值” 属性来做到这一点。

在这种情况下，

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

来源

2015-07-09 22:26:30

使用innerHTML将文本放入texbox中

回答

相关问题