javascript:将数据库中的数据插入到html5文本字段中

javascript:insert data from database into html5 text field

本文关键字：html5 文本 字段 插入 数据库 javascript 数据      更新时间：2023-09-26

我正在尝试从html页面的textfield中的mysql数据库中获取数据。我使用php从数据库中获取数据，并使用json将数据提供给javascript。然后使用id，我向textfield抛出值。但它不起作用。我很容易使用id在div或li标签中获得电话号码，但textfield中没有出现相同的值。

我的javascript就像这个

$('#tenantcontactTP').live('pageshow', function(event) {
var id = 'mukul_kuet@yahoo.com';
$.getJSON('tenantcontact.php?id='+id, displayEmployee);
});
function displayEmployee(data) {
var employee = data.item;
if (employee.TenantPhoneNumber) {
    $('#tphone').append(employee.TenantPhoneNumber);
}
}

然后我的html页面包含文本字段是

<!DOCTYPE HTML>
<html>
<head>
</head> 
<body>
<div id="tenantcontactTP" data-role="page" data-add-back-btn="true">
<div data-role="content">    
<ul data-role="listview" data-inset="true">
<form>
<table>
<tr><td>Phone Number</td><td><input type="text" name="tphone" id="tphone" value=""/></td></tr>
</table>
</ul>
<input type="submit" name="update" value="Update" />
</form>
</div>
</div>
</body>
</html>

我会更新电话号码。如果我使用列表，则会显示电话号码，但不会显示在text field中。我能做什么？

使用$('#tphone').val(employee.TenantPhoneNumber);将值添加到文本字段

您想要设置输入元素的值，而不是追加。使用以下内容：

if (employee.TenantPhoneNumber) {
    $('#tphone').val(employee.TenantPhoneNumber);
}
相关文章：