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

时间:2012-09-13 11:24:16

标签: javascript html5

我正在尝试从mysql html页面的textfield数据库中获取数据。我使用php从数据库中获取数据,并使用json将数据提供给javascript。然后使用id我正在向textfield投掷价值。但它没有用。我很容易使用ID在divli标记中获取电话号码,但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);
}
}

然后我的包含textfield的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中显示,则会显示电话号码。我该怎么办?

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

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

if (employee.TenantPhoneNumber) {
    $('#tphone').val(employee.TenantPhoneNumber);
}